§ ITPOW >> 文档 >> XHTML

使用有意义的 class

作者:翻译:Y 来源:ITPOW(原创) 日期:2007-1-22

原文:http://www.w3.org/QA/Tips/goodclassnames(可能是英文)

人们常常用 bluetext 或 redborder 这样的名称作为样式名称,其实更好的命名是:使用 class 对应的 HTML 元素的角色来命名。


好的名称不用改变

想一想,为什么你希望看到一些东西的本质,而不是它看起来怎么样。外观是经常改变的,但是给这些东西一个什么样的外观,其原因是不变的。

好的名字

warning、important、downloadableImage 和 submenu 是好的名字。它们描述了特定元素的表现,它们不像是会改变的。警告的意思永远是警告,不管它在页面上看起来怎么样。

不好的名字

border4px、lighttext 和 prettybackground 这样的名字是不好的名字。你可能将边框改变为 5 像素,或者一段时间后背景看起来很老不再漂亮了。使用 CSS 的一个好处就是当你改变网站的外观时你不需要修改太多。如果你不得不更改所有的白色字体改为黑色字体,这将让你把 HTML 页面的所有样式由 lighttext 改为 darktext。

相关文章