این آموزش در تاریخ ۱۳۹۷/۰۸/۲۰ آپدیت شده است.

پرسش و پاسخ – نحوه ایجاد کلاس در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با پرسش و پاسخ – نحوه ایجاد کلاس در HTML با من همراه باشید.

پرسش و پاسخ - نحوه ایجاد کلاس در HTML

Free-Learn

پرسش از شما، پاسخ از بنده تا جایی که بتونم و در توانم باشه، لطفا پرسش تان را فقط در رابطه با بخش مشخص شده ارسال نمایید تا نظم و ترتیب در بخش پرسش و پاسخ بخوبی رعایت شود.

برای مشاهده بخش – آموزش نحوه ایجاد کلاس یا Class در HTML لطفا اینجا کلیک نمایید. .

لطفا پرسشی که ارسال مینمایید فقط مربوط به بخش [آموزش نحوه ایجاد کلاس یا Class در HTML] باشد، در غیراینصورت پرسش شما تایید نخواهد شد.

Free-Learn

بنده خودم یکسری پرسش بهمراه پاسخ ارائه میدهم، امیدوارم که در بین پاسخ ها به جواب پرسش تان برسید ، ولی در صورتی که پرسش و پاسخ تان را در بین پرسش و پاسخ های زیر پیدا نکردید، لطفا حتما از طریق فرم زیر پرسش تان را ارسال نمایید.

Free-Learn

دریافت PDF یا پرینت این مطلب

11 پرسش و پاسخ

    • برای ایجاد کلاس در یک یا چندین تگ در HTML باید از صفت Class استفاده کرد، و همچنین برای فراخوانی اون کلاس در سی اس اس باید اول یک نقطه (.) گذاشته سپس نام کلاس را وارد کرده و در نهایت دستورات CSS را مینویسیم.
      لطفا برای مثال اینجا کلیک نمایید

  1. با سلام و وقت بخیر و سپاس از همراهی همیشگی شما
    لیستی از pseudo-classes و همچنین لیستی از pseudo-elements هارو معرفی میکنید؟(ترجیحا در قالب pdf باشند.)
    تشکر

  2. با سلام و وقت بخیر و تشکر از آموزش هاتون آقای اسدی
    بنده در مورد اسم گذاری کلاس ها سوال داشتم برای داشتن کد های تمیز تر و قابل فهم تر و همچنین تشخیص بهتر ارتباط بین استایل ها و عناصر html چه نکاتی باید رعایت بشه. آیا BEM خوبه؟
    استفاده زیادی داره در بین طراح ها اگه اطلاع داشته باشید. من یه کلیپ کوتاه ازش دیدم در یوتیوب ولی احساس میکنم کامل نگرفتم اصولش رو منبعی برای یادگیری آن سراغ دارید؟
    و اینکه تازه اینم بپرسم اینجا چون پرسش و پاسخی براش پیدا نکردم. در Css آیا مفهموم و قابلیت ماژول بندی مانند js وجود داره نمی دونم اینطور بگم درسته ، اینکه استایل هارو بشکنیم به بخش ها و فایل های کوچکتر که استایل اصلی خیلی شلوغ نشه ، import & export کنیم در استایل هامون

    • باسلام و عرض ادب
      سپاس و تشکر از شما
      =================================================
      یسری چیزا همیشه هستن که هیچ قانون یا روش مشخصی ندارن
      نام گذاری کلاس یا ID در CSS هم تقریبا همینطوره
      حالا نه فقط CSS ، بلکه در دیگر زبان ها هم موقع تعریف کردن مثلا یک متغیر ، بازم یه چیز عشقی هستش
      مثلا من در PHP میخوام نام کاربری یک کاربر رو در یک متغیر نگهداری کنم :

      حالا اگه مثلا بجای UserName من بنویسم Name_Karbar چی میشه مثلا!؟ هیچی نمیشه و این صرفا یه نام دلخواه هستش
      فقط تنها چیزی که این وسط میتونه مهم باشه اینه که نام ها طوری باشن که قابل درک باشن فقط همین
      مثلا اگه من بنویسم UserName بعدش مقدار داخلشو ایمیل کاربر قرار بدم، خب اینکار غیرمنطقی و عملا اشتباه هستش
      ولی وقتی میگم UserEmail دیگه یعنی میدونم که این متغیر یعنی ایمیل کاربر و…
      =================================================
      آیا BEM خوبه؟
      در مورد بحث BEM هم خب همینی که گفتم میشه و در ساختار فرقی نمیکنه
      خب BEM داره میگه نام گذاری جوری باشه که قابل درک باشه
      مثال از BEM :

      به همین سادگی، چیز عجیب غریبی نیست و قطعا این چیزی هستش که در وجود شما وجود داره و میدونم الان کاملا باهاش اوکی شدی
      اگه به کلاس های بوت استرپ توجه کنی اونم به همین شکل هستش، یعنی مثلا کلاس text-center یعنی متن رو میاره وسط ، همین و تموم شد رفت
      =================================================
      + اینکه استایل هارو بشکنیم به بخش ها و فایل های کوچکتر که استایل اصلی خیلی شلوغ نشه
      مرورگر وظیفش تحلیل و ترجمه و اجرای کدهاست
      اینکه بخوای بشینی فکر کنی بگی مثلا فایل css من ۲۰ هزار خط کد داره و این سنگینه و سرعت بارگذاری سایت رو کم میکنه، نه از این فکرا نکن
      ممکنه حتی ماه ها و سال هارو فقط بخاطره همین جریان تلف کنی و از دست بدی، که اگه از من میشنوی اصلا به این چیزا فکر نکن
      قطعا بهینه بودن همیشه مسئله مهمی هستش و من نمیگم مهم نیست ، میگم باید سعی کنی وقتتو تلف چیزایی که ممکنه تااخر عمرت حتی به چشم نبینی نکن
      سایتی هستش که ممکنه ۲۰ عدد فایل CSS و هر فایل CSS شامل ۵ هزار خط کد باشه و یا ۵۰ تا فایل JS و …
      و وقتی سایت رو اجرا میکنی در کمتر از ۱ ثانیه میتونه در مرورگر اجرا شه و هیچ مشکلی هم نداره
      ولی حالا روی همین سایت ۱۰تا عکس با حجم ۱۰ مگابایت بزار، یجوری میشه که انگار سایته میخواد بترکه ( یعنی اینجا فقط این عکسا هستن که بهینه نیستن و اذیت میکنن )
      حالا شما همین سایت رو بزار روی یه سرور خیلی ضعیف، میبینی که ۱۰ دقیقه طول میکشه تا بارگذاری بشه و برعکس بزار روی یه سرور قوی کمتر از ۱ ثانیه برات اجراش میکنه، پس میخوام بگم جاهای اینجوری به سرور هم ربط داره
      =================================================
      ادامه متن در کامنت بعدی

    • جمع بندی
      + تو نامگذاری همیشه سعی کن نامی مشخص کنی که قابل درک باشه هم برای خودت و هم برای یه شخص دیگه
      + اگه قراره کدهات فقط برای خودت باشه خب به روش خودت نامگذاری کن ( مثلا Rang_Zamine_Abi ) و اگه قراره عمومی باشه که چارتا دیگه هم استفاده کنن، پس باید کمی عمومی تر نامگذاری کنی ( مثلا Bg_Color_Blue )
      + اگه ۱عدد فایل CSS داشته باشی و حجمش ۱مگابایت باشه ، میتونی برای بحث بهینه بودن همین فایل رو به ۲تا فایل ۵۰۰ کیلوبایت تقسیم کنی
      + اگه ۱۰عدد فایل CSS داشته باشی که هرکدوم حجمش ۵۰کیلوبایت باشه، خب برای بحث بهینه بودن میتونی این ۱۰تا رو بکنی داخل ۱عدد فایل و اینجوری بهینه تره
      + در CSS هم آره میشه Import کرد، برای مشاهده آموزش کلیک کن

      + سعی کن اگه پروژه ای چیزی در ذهنت هستش فقط پیاده سازیش کنی اصلا مهم نباشه که بهینه هست یا نه، فقط پیاده سازی کن، اگه بخوای بشینی که عمرت رو تلف این کنی که فلان بهنیه نیست بهمان بهنیه نیست ، این کار اشتباهی هستش ، مثلا تو ذهنت میخوای یه صفحه ثبت نام درست کنی ، خب علی یارت همینو کدنویسی کن حتی اگه در بدترین و غیراستاندارد ترین حالت باشه
      مهم اینه که اون چیزه رو پیاده سازی کنی ، بعدش دیگه میشینی بهنیه سازیش میکنی و کلی آزمون و خطا و… چون چالش هایی در کدنویسی هستش که در تمام این دنیا و در هیچ آموزشی و.. وجود نداره و فقط باید خودت باهاش درگیر بشی

      + برنامه نویس کسی نیست که مثلا روزی ۱۰ساعت فقط آموزش ببینه، نمیدونم داکیومنت بخونه، اصلا شما بگو بزرگترین برنامه نویس دنیا بیاد و به این شخص آموزش بده یا نمیدونم مثلا کلمه به کلمه یه زبان برنامه نویسی رو حفظ کرده باشه ، این اصلا مهم نیست و این شخص برنامه نویس نیست
      برنامه نویس کسی هستش که حتی اگه به اشتباه و غیراستاندارد، ولی با دست خودش کدنویسی میکنه و با چالش هایی روبرو شده که منطق برنامه نویسی رو فهمیده، و وقتی هم جایی گیر میکنه تلاش میکنه که راه حلشو پیدا کنه، نکه همون اول که به مشکل خورد ول کنه و بره

      باتشکر

      • با سلام و عرض ادب خیلی ممنون از توضیحات جز به جز تون و بسیار عالی فقط بغیر از بحث بهینه بودن برا سایت این بهینگی برای خودمون هم در نظر داشتم حالا نه اینکه فعلا بتونم آنچنان طرح های با کدهای زیاد بزنم ولی می خواستم از پایه اصولی پیش برم و منظورم الان از بهینگی برا خودم اینکه اگه زمانی کدها خیلی زیاد شد با ماژول بندی و تقسیم کردنشون به چند فایل قابلیت مدریت و توسعه پذیری شون و استفاده مجددشون رو بالا ببرم برا خودم و مثلا وقتی پروژه کامل اونا رو با هم تلفیق کنم.

        • باسلامی مجدد
          قطعا بله و بحث بهینه بودن مهمه
          شماهم کاره درستی میکنی که میخوای از همون اولش اصولی برید جلو، با آرزوی موفقیت
          چنتا نکته هم قابل ذکره :
          + در برخی موارد اصلا و به هیچ وجه نمیشه چنتا فایل (css یا js ) رو باهم ترکیب ( یعنی یکی کردن ) کرد، چون تداخل در اجرای کدها به وجود میاد و در نتیجه اجبارا باید جداشون کرد و حتی ممکنه نیاز باشه که نام متغیرها،کلاس ها و… را تغییر داد.
          + اگه بتونی یه پروژه (حتی خیلی ساده و کوچیک) رو بیاری بالا اونم فرض کن بدون استاندارد، خیلی خیلی بهتره و نفع کردی تا اینکه من مثلا بیام خودمو درگیر یسری مسائلی کنم که زمان رو هدر بدم و هیچوقت پروژه ای رو بصورت عملی پیاده سازی نکنم
          اینکه همش دارم رو این جریان تاکید میکنم بخاطره اینه که خیلی ها ( درصد زیادی از برنامه نویس ها ) گرفتار این جریان میشن، پس حواست باشه اولویت اول اینه که کارو انجام بدی، اون اولش اگه غیراستاندارد باشه خیلی مهم نیست چون همون غیراستاندارد بودن خودش بهت درس میده و باعث میشه خیلی چیزارو یاد بگیری
          باتشکر

پرسش تان را ارسال نمایید

لطفا متن پرسش تان را وارد نمایید.
لطفا نام تان را وارد نمایید.