幾點說明

中文翻譯版可能包含錯誤,應以 W3C 官方網站的英文原版為准

上方導航欄中可以查看每個小貼士的英文原版及繁體中文版

版權資訊在頁面最下方

使用 class 時考慮其實際意義

人們通常使用 bluetext,或 redborder等作為 class 的名稱。命名 class 更好的方法是在名稱中包含該 class 在某個 HTML 元素中所扮演的角色。

好的名稱不會經常改變

想想 為什麼 你想讓某個事物看起來要那樣,而沒有真正認識到它應該看起來 怎麼樣。事物的外觀總是要變的,但賦予它某個外觀的原因沒有變。

好的名稱
warningimportantdownloadableImage,和 submenu 都是好的名稱。它們描述了某個元素代表的事務,而且它們不太可能改變。一個警告(warning)總是警告,不管頁面外觀如何改變。
壞的名稱
border4pxlighttext,和 prettybackground 是壞名稱的一些例子。你也許會將那條邊線(border)改為 5 圖元(5px),或者那個背景(background)在一段時間後就顯得陳舊了,而且也不漂亮(pretty)了。使用 CSS 的好處就是能讓你在想改變網站外觀時不用改變很多東西。如果你想把所有淺色文本變為深色文本,只需將 所有 HTML 頁面中的 class 從 lighttext 改為 darktext 即可,你可能還嫌工作量太少呢。

延伸閱讀

關於“優質小貼士”

The W3C 優質小貼士 是為網頁開發者和設計者提供的一些有用的小短文,由 W3C 的 Quality Assurance Interest Group 負責管理和輯寫。中文版由 ZDYX(張杜一雄)維護。

雖然這些小貼士都被小組成員認真審查過,但這只是我們向你提供的點滴技巧。請注意,它們 不能 被認為是 W3C 的技術規範。

學習更多的技巧,瞭解怎樣提交你自己的智慧點滴,以及閱讀其他的優質小貼士,盡在 小貼士索引

Created Date: 2004-03-08 by Sybren Stuvel
Last modified $Date: 2006/11/24 01:20:24 $ Translated by ZDYX