在寫頁面時，對于標簽的命名總是很頭疼，特別是對于可復(fù)用以及后期可能會修改的標簽命名，今天特地查找了一些資料，總結(jié)了class命名的幾條規(guī)范：

1、命名可以包含英文、數(shù)字以及 - ，但是不能以數(shù)字或者是 - 后加數(shù)字開頭（無法調(diào)用）。

2、命名應(yīng)該以功能命名，不以表現(xiàn)命名。這點對后期修改有很大幫助，例如對于側(cè)邊欄，命名為“boxLeft”,似乎也沒有問題，但是后期可能側(cè)邊欄修改到頁面右側(cè)，這時可能就會導(dǎo)致混亂。命名為“sideBar”則會避免此類問題。

常用功能命名如下：

.wrapper? 用于最外層的外套

.content/.container? 容器

.head/.header? 頭部

.foot/.footer? 頁腳

.menu? 菜單

.submenu? 子菜單

.sideBar? 側(cè)欄

.main? 主體

.title? 標題

.copyright? 版權(quán)

.joinus? 加入我們

.parther? 合作伙伴

.siteinfo? 網(wǎng)站信息

.siteinfoLegal? 法律聲明

3、要預(yù)防命名沖突，可以采用功能模塊名+結(jié)構(gòu)名的方式命名。例如：熱點問題功能模塊的頭部，可以命名為“hot-head”

4、命名為ID還是class，一般采用的原則是主要的、特殊的、最外層的采用ID命名。