نحوه قرار دادن نظر CSS

از جمله نظرات در کد CSS شما مفید و بسیار توصیه می شود.

هر وبسایت از عناصر ساختاری (که توسط HTML تعریف شده است) و همچنین سبک بصری یا "نگاه و احساس" آن سایت ساخته شده است. Cascading Style Sheets (CSS) همان چیزی است که برای تعیین ظاهر یک وب سایت استفاده می شود. این سبک ها از ساختار HTML جدا می شوند تا به راحتی به روز رسانی و پایبندی به استانداردهای وب کمک کنند.

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

اضافه کردن نظرات به فایل های CSS وب سایت یک راه عالی برای اضافه کردن ساختار به بخش های آن کد برای یک خواننده انسانی است که در حال بررسی سند است. این نیز یک روش فوق العاده برای توضیح این سبک ها برای حرفه ای وب است که ممکن است در آینده از سایت خود استفاده کنند - از جمله خودتان!

در نهایت، نظرات هوشمندانه افزوده شده CSS یک ورق سبک را برای پردازش آسان تر می کند. این، در واقع، برای ورق های سبک مهم است که توسط تیم ها ویرایش می شود. نظرات را می توان برای ارتباط جنبه های مهم برگه سبک به اعضای مختلف تیم که ممکن است با کد قبلا آشنا نباشند. این نظرات همچنین می توانند برای افرادی که در سایت مشغول به کار بوده اند، بسیار مفید باشند، در صورتی که بعد از دور بودن از آن، دوباره به کد بازگردانده شوند. من اغلب مجبور بودم یک وبسایت را که چند ماه یا حتی چند سال پیش ساخته بود را ویرایش کنم و نظرات خوبی در قالب HTML و CSS داشته باشم. به یاد داشته باشید، فقط به این دلیل که شما یک سایت ساختید، به این معنی نیست که شما به یاد خواهید آورد که چرا کارهایی را انجام دادید که در آینده به آن سایت بازگردید! نظرات می توانند بدون هیچ گونه سوء تفاهم، پیش از آنکه اتفاق بیافتد، نگرانی های شما را روشن و روشن کنند.

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

اضافه کردن نظرات CSS

اضافه کردن نظر CSS بسیار آسان است. شما به سادگی نظر خود را با برچسب بازخوانی و تعطیلات صحیح رزرو کنید.

هر چیزی که بین این دو برچسب ظاهر می شود، محتوای نظر است، فقط در کد قابل مشاهده است و توسط مرورگر ارائه نمی شود.

یک نظر CSS می تواند یک خط باشد، یا می تواند چندین خط را وارد کند. در اینجا یک مثال خطی است:

div # border_red {border: نازک جامد قرمز؛ } / * مثال مرز قرمز * /

و چند خط مثال:

/ *************************** ********************** ****** سبک برای متن کد **************************** ************ *************** /

شکستن بخش ها

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

/ * ----------------------- سبک های سربرگ ---------------------- ------- * /

زمانی که یکی از این نظرات را در کد من می بینم، می دانم که شروع یک بخش جدید از آن سند است، به من اجازه می دهد که به راحتی پردازش و استفاده از کد را داشته باشد.

& # 34؛ نظر دادن & # 34؛ کد

تگ های نظر همچنین می تواند در روند واقعی برنامه نویسی و اشکال زدایی یک صفحه مفید باشد. نظرات را می توانید برای "نظر کردن" یا "خاموش کردن" مناطق کد آن استفاده کنید تا ببینید چه اتفاقی می افتد اگر این بخش بخشی از صفحه نیست.

خب این چطور کار میکند؟ خوب، به دلیل اینکه برچسبهای نظر به مرورگر به همه چیز بین آنها نگریسته می شوند، می توانید از آنها برای غیرفعال کردن بخش های خاصی از کد CSS استفاده کنید. این می تواند مفید باشد هنگام اشکال زدایی، و یا هنگام تنظیم قالب بندی وب سایت.

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

CSS نکات نظر سنجی

به عنوان خلاصه، در اینجا چند نکته برای یادآوری برای استفاده از نظرات در CSS خود وجود دارد:

  1. نظرات می توانند چندین خط را در بر بگیرند
  2. نظرات می تواند شامل عناصر CSS باشد که شما نمی خواهید توسط یک مرورگر رندر شده، اما نمی خواهید به طور کامل حذف کنید. این یک راه خوب برای برهم خوردن صفحات سبک وب سایت است - فقط مطمئن شوید که سبک های استفاده نشده را حذف کرده اید (به جای ترک آن ها از نظر اظهار نظر شده) اگر تصمیمی بگیرید که به آنها نیازی ندارید در وب سایت
  3. از هر زمان که شما CSS پیچیده را اضافه می کنید برای اضافه کردن توضیحات و برای اطلاع دادن به توسعه دهندگان آینده و یا خودتان در آینده در مورد چیزهای مهم که باید بدانید، از نظرات استفاده کنید. این امر زمانهای توسعه آینده را برای همه درگیر خواهد کرد.
  4. نظرات همچنین می توانند اطلاعات متا مانند:
    • نویسنده
    • تاریخ ایجاد
    • اطلاعات کپی رایت

کارایی

نظرات مطمئنا می تواند مفید باشد، اما توجه داشته باشید که نظرات بیشتری که شما به یک صفحه سبک اضافه می کنید، تبدیل به یک مزایده تبدیل خواهد شد که سرعت و عملکرد دانلود سایت را تحت تاثیر قرار می دهد. این یک نگرانی واقعی است، اما شما نباید دریابید که نظرات مفید و قانونی برای ترس از عملکرد رنج می برید. خطوط CSS اندازه قابل توجهی را به یک سند اضافه نمی کند. شما نیاز به اضافه کردن TONS از خطوط نظرات برای تاثیر قابل توجهی بر اندازه فایل CSS. اضافه کردن چندین نظر مفید در CSS شما نباید تاثیر منفی منفی بر سرعت صفحه داشته باشد.

در نهایت، شما می خواهید تعادل بین نظرات مفید و نظرات بیش از حد بسیاری را برای به دست آوردن مزایای هر دو در اسناد CSS خود را پیدا کنید.

مقاله اصلی جنیفر کریینین. ویرایش شده توسط Jeremy Girard در 7/5/17