几点说明

中文翻译版可能包含错误,应以 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