幾點說明
中文翻譯版可能包含錯誤,應以 W3C 官方網站的英文原版為准
上方導航欄中可以查看每個小貼士的英文原版及繁體中文版
版權資訊在頁面最下方
使用 class 時考慮其實際意義
人們通常使用 bluetext,或
redborder等作為 class 的名稱。命名 class 更好的方法是在名稱中包含該 class 在某個 HTML 元素中所扮演的角色。
好的名稱不會經常改變
想想 為什麼 你想讓某個事物看起來要那樣,而沒有真正認識到它應該看起來 怎麼樣。事物的外觀總是要變的,但賦予它某個外觀的原因沒有變。
- 好的名稱
warning、important、downloadableImage,和submenu都是好的名稱。它們描述了某個元素代表的事務,而且它們不太可能改變。一個警告(warning)總是警告,不管頁面外觀如何改變。- 壞的名稱
-
border4px、lighttext,和prettybackground是壞名稱的一些例子。你也許會將那條邊線(border)改為 5 圖元(5px),或者那個背景(background)在一段時間後就顯得陳舊了,而且也不漂亮(pretty)了。使用 CSS 的好處就是能讓你在想改變網站外觀時不用改變很多東西。如果你想把所有淺色文本變為深色文本,只需將 所有 HTML 頁面中的 class 從lighttext改為darktext即可,你可能還嫌工作量太少呢。
延伸閱讀
- An online presentation about the separation of semantic and presentational markup.
- The Web Style Sheets homepage.
- Using style sheets style guide.
