השתמשו במחלקות (class) תוך התחשבות בסמנטיקה

כותבי אתרים בדרך כלל נותנים למחלקות שמות כמו bluetext או redborder. אולם הרבה יותר טוב לציין בשם המחלקה שלכם את התפקיד של אלמנט HTML מסוים באותה מחלקה.

שמות טובים אינם משתנים

חשבו מדוע הינכם רוצים שמשהו ייראה באופן מסוים, ולא באמת איך הוא ייראה. המראה עצמו תמיד עשוי להשתנות, אך הסיבות לבחירה במראה מסוים אינן משתנות.

שמות טובים

שמות טובים הם, למשל, warning, important, downloadableImage ו-submenu. אלה מתארים את מה שמייצג אלמנט מסוים, וקרוב לוודאי שלא ישתנו. אזהרה (warning) תמיד תישאר אזהרה, ואין זה חשוב עד כמה ישתנה מראה הדף.

שמות רעים

border4px, lighttext ו-prettybackgroung – אלה דוגמאות לשמות רעים. ייתכן שתעבו את הגבול (border) בקיצוניות ל-5 פיקסלים, או שהרקע ייראה לכם מיושן לאחר זמן מה, ולא יפה כלל. היתרון בשימוש ב-CSS הוא שאין אתם צריכים לשנות הרבה כדי לשנות את מראה האתר שלכם. בניגוד לכך, אם אתם חייבים לשנות את כל הטקסט הבהיר לטקסט כהה, וכך לשנות את כל המחלקות lighttext ל-darktext בכל דפי ה-HTML שלכם, סביר שתחמיצו כמה מהן.

קריאה נוספת

• מצגת מקוונת על ההפרדה בין סימני עריכה סמנטיים לסימני עריכה של הצגה.
• דף הבית של גיליונות הסגנון באינטרנט.
• מדריך הסגנון "השימוש בגיליונות סגנון".

על ה"טיפים להבטחת איכות"

הטיפים להבטחת איכות של W3C הם מסמכים קצרים המסבירים פיסות ידע שימושיות למפתחים או מעצבים של אתרים, והם מופקים על ידי הקבוצה להבטחת איכות ב-W3C, שגם מאחסנת אותם.

אף שהטיפים נבדקים בקפידה על ידי חברי הקבוצה, אין לראות בהם יותר מאשר פיסות תבונה אינפורמטיביות, ובעיקר הם אינם מפרטים טכניים נורמטיוויים של W3C.

למדו עוד על הטיפים, גלו כיצד להגיש את פניני החוכמה שלכם וקראו את כל הטיפים האחרים להבטחת איכות באינדקס הטיפים.