WEB标准之ID和类名
今天说说ID和类别
有意义的元素提供了很好的基础,但是可用元素的列表并不全面。(X)HTML是作为简单的文档标记语言创建的,而不是界面语言。因此,没有用于内容区域或导航栏等的专用元素。虽然可以使用XML创建自己的元素,但是由于太复杂,这在目前还不太现实。
<ul id="mainNav">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
使用ID名称标识页面上的单独元素(比如站点导航),ID必须是唯一的。ID可以用来表示持久的结构性元素,例如主导航或内容区域。ID还可以用来表示一次性元素,例如某个链接或表单元素。
一个ID名只能应用于页面上的一个元素,而同一个类名可以硬哟娜于页面上任意数量的元素。类非常适合表示内容的类型或相识的条目。例如,假设有一个新闻页面,其中包含每条新闻的日期。不必给每个日期分配不同的ID,而是可以给所有日期分配类名Date。
在分配ID和类名时,一定要尽可能保持名称有意义并与表现方式无关。例如,可以给导航元素分配ID rigthHandNav,因为你希望它出现在右边。但是,如果以后将它的位置改到左边,那么CSS和(X)HTML就会不同步。所以,将元素命名为subNav或secondaryNav更合适。
在写类名和ID名时,需要注意区分大小写。CSS大体上是不区分大小写的语言。但是,在标记中实体(比如类名和ID名)是否区分大小写取决于标记语言是否区分大小写。如果使用XHTML,那么类名和ID名师区分大小写的;如果使用常规HTML,那么是不区分大小写的。处理这个问题最好的方式是保持一致的命名约定。所以,如果在(X)html类名中使用驼峰式大小写(came1 case),那么在CSS中也采用这种形式。
所谓came1 case是一种大小写约定,即组成标识符的多个单词除首词首字母小写外,其余单词首字母均大写。如:leftColumn和mainNav
