הוספת הערות בקוד ה- CSS שלך שימושית ומומלצת ביותר.
כל אתר מורכב מרכיבים מבניים (אשר מוכתבים על ידי HTML), כמו גם את הסגנון החזותי או "המראה והתחושה" של האתר. גיליונות סגנון מדורגים (CSS) הם מה משמש כדי להכתיב את המראה החזותי של אתר אינטרנט. סגנונות אלה נשמרים בנפרד ממבנה ה- HTML כדי לאפשר את הקלות בעדכון והיענות לתקני אינטרנט.
עם גודל המורכבות של אתרי אינטרנט רבים כיום, גיליונות סגנון יכול להפוך במהירות ארוכה ומסורבלת מאוד לעבוד עם. הדבר נכון במיוחד כאשר אתה מתחיל להוסיף שאילתות מדיה עבור סגנונות אתר תגובה . שאילתות מדיה אלו לבד יכולות להוסיף כמות משמעותית של סגנונות חדשים למסמך CSS ולהפוך אותו לעבוד קשה עוד יותר. זה המקום שבו CSS הערות יכול להיות עזרה שלא יסולא בפז על אתר אינטרנט.
הוספת הערות לקובצי CSS של אתר היא דרך מצוינת להוסיף מבנה לחלקים של קוד זה עבור קורא אנושי אשר בודק את המסמך. זוהי גם שיטה נפלאה להסביר את הסגנונות האלה עבור אינטרנט מקצועי אשר עשוי לעבוד באתר בעתיד - כולל את עצמך!
בסופו של דבר, הוסיף בקלילות הערות CSS יהפכו גיליון סגנונות קל יותר לעבד. זהו, אכן, חשוב עבור גיליונות סגנון זה יהיה לערוך על ידי צוותים. הערות ניתן להשתמש כדי לתקשר היבטים חשובים של גיליון הסגנון לחברים שונים של הקבוצה שאולי לא מכיר את הקוד כבר. הערות אלה יכולים גם להיות מאוד מועיל עבור אנשים שעבדו על האתר לפני אם הם חוזרים לתוך הקוד לאחר להיות מחוץ מזה זמן מה. לעתים קרובות נאלצתי לערוך אתר שבניתי חודשים או אפילו לפני שנים ויש לי גם מעוצב הערות HTML ו- CSS הוא מאוד בברכה עזרה! זכור, רק בגלל שבנית אתר לא אומר שאתה זוכר למה עשית את הדברים שעשית כאשר אתה חוזר לאותו אתר בעתיד! הערות יכולות להפוך את כוונותיך לנקות ולהבהיר את כל אי ההבנות לפני שהם אפילו לקרות.
דבר אחד להבין על הערות CSS היא שהם לא מוצגים כאשר הדף הופך בדפדפני אינטרנט. הערות אלה הן מידע בלבד, בדיוק כמו הערות HTML (אם כי התחביר הוא שונה בין השניים). הערות CSS אלה אינן משפיעות על התצוגה החזותית של האתר בכל צורה שהיא, והן פשוט קיימות בקוד עצמו.
הוספת הערות CSS
הוספת תגובה CSS הוא די קל. אתה פשוט ללוות את ההערה שלך עם הפתיחה נכונה ותגובות תגובה הסגירה:
- התחל את ההערה שלך על ידי הוספת / *
- סגור את ההערה שלך על ידי הוספת * /
כל דבר שמופיע בין שתי התגים יהיה התוכן של ההערה, גלוי רק בקוד ולא מוצג על ידי הדפדפן.
הערה CSS יכול להיות קו בודד, או שהוא יכול לקחת שורות מרובות. הנה דוגמה לקו אחד:
div # border_red {border: thin solid red; } / * red border example * /ודוגמה רב-שכבתית:
/ *************************** ********************** ****** סגנון עבור קוד טקסט **************************** ************ *************** /סעיפים פורצים
אחת הדרכים שבהן אני משתמש לעתים קרובות בהערות CSS היא לארגן את הסגנון שלי בגושים קטנים יותר, בקלות רבה יותר. אני אוהב להיות מסוגל לראות בקלות את הקטעים האלה כשאני מעיין את הקובץ מאוחר יותר. כדי לעשות זאת, אני לעיתים קרובות להוסיף הערות עם הרבה מקפים בהם, כך שהם מספקים גדול, מעברי ברור בדף כי קל לראות כמו אני במהירות לגלול את הקוד. הנה דוגמא:
/ * ----------------------- סגנונות כותרת ----------------------- ------- * /כאשר אני רואה את אחת ההערות האלה בקוד שלי, אני יודע שזה תחילתו של קטע חדש של המסמך, ומאפשר לי לעבד ביתר קלות ולהשתמש בקוד.
& # 34; הערה: & # 34; קוד
תגי תגובה יכולים גם להיות שימושיים בתהליך בפועל של קידוד באגים בדף. הערות ניתן להשתמש כדי "להעיר" או "לכבות" אזורים של קוד זה כדי לראות מה יקרה אם סעיף זה אינו חלק של הדף.
אז איך זה עובד? ובכן, מכיוון שתגי ההערות אומרים לדפדפן להתעלם מכל מה שביניהם, תוכל להשתמש בהם כדי להשבית זמנית חלקים מסוימים של קוד CSS. זה יכול להיות שימושי כאשר באגים, או בעת התאמת עיצוב דף אינטרנט.
לשם כך, פשוט תוסיף את תג התגובה לפתיחה, שבו ברצונך שהקוד יתחיל להיות מושבת ולאחר מכן מקם את תג הסיום שבו ברצונך לסיים את החלק המבוטל. הכל בין תגים אלה לא ישפיע על התצוגה החזותית של האתר, דבר המאפשר לך לניקוי באגים ב- CSS כדי לראות היכן עשויה להתרחש בעיה. לאחר מכן תוכל להיכנס ולתקן רק את הבעיה ולהסיר את ההערות מהקוד.
CSS הערות טיפים
לסיכום, הנה כמה טיפים שיש לזכור על שימוש בהערות ב- CSS שלך:
- הערות יכולות להקיף שורות מרובות.
- הערות יכולות לכלול רכיבי CSS שאינך מעוניין להציג בדפדפן, אך לא ברצונך למחוק לחלוטין. זוהי דרך נחמדה לאתר באגים של גליונות הסגנון של האתר - רק כדי להיות בטוח להסיר סגנונות שאינם בשימוש (בניגוד להשאיר אותם תגובות) אם אתה מחליט שאתה לא צריך אותם באתר
- השתמש הערות בכל פעם שאתה כותב מסובך CSS כדי להוסיף הבהרה כדי ליידע את המפתחים בעתיד, או את עצמך בעתיד, על דברים חשובים שהם צריכים לדעת. זה יחסוך זמן הפיתוח העתידי עבור כל המעורבים.
- הערות יכולות לכלול גם מידע על meta כגון:
- מְחַבֵּר
- תאריך יצירה
- מידע זכויות יוצרים
ביצועים
הערות בהחלט יכול להיות מועיל, אבל להיות מודעים לכך יותר הערות להוסיף לסגנון גיליון, heftier זה יהפוך, אשר ישפיע על מהירות ההורדה של האתר ואת הביצועים. זהו חשש אמיתי, אבל אתה לא צריך להסס להוסיף הערות מועילות ולגיטימיות מחשש כי הביצועים יסבלו. שורות CSS אינן מוסיפות גודל משמעותי למסמך. אתה צריך להוסיף טונות של שורות של הערות כדי להשפיע משמעותית על גודל של קובץ CSS. הוספת קומץ הערות שימושיות ל- CSS לא אמורה לתת לך השפעה שלילית נטו על מהירות הדף.
בסופו של דבר, אתה רוצה למצוא את האיזון בין הערות מועילות יותר מדי הערות כדי לקבל את היתרונות של שני מסמכי CSS שלך.
מאמר מקורי מאת ג'ניפר קרינין. בעריכת ג'רמי ג'יררד ב -7.5.17