在寫頁面時漓骚,對于標簽的命名總是很頭疼,特別是對于可復用以及后期可能會修改的標簽命名榛泛,今天特地查找了一些資料蝌蹂,總結了class命名的幾條規(guī)范:
1、命名可以包含英文曹锨、數(shù)字以及 - 孤个,但是不能以數(shù)字或者是 - 后加數(shù)字開頭(無法調(diào)用)。
2沛简、命名應該以功能命名齐鲤,不以表現(xiàn)命名。這點對后期修改有很大幫助椒楣,例如對于側邊欄给郊,命名為“boxLeft”,似乎也沒有問題,但是后期可能側邊欄修改到頁面右側捧灰,這時可能就會導致混亂淆九。命名為“sideBar”則會避免此類問題。
常用功能命名如下:
.wrapper? 用于最外層的外套
.content/.container? 容器
.head/.header? 頭部
.foot/.footer? 頁腳
.menu? 菜單
.submenu? 子菜單
.sideBar? 側欄
.main? 主體
.title? 標題
.copyright? 版權
.joinus? 加入我們
.parther? 合作伙伴
.siteinfo? 網(wǎng)站信息
.siteinfoLegal? 法律聲明
3毛俏、要預防命名沖突炭庙,可以采用功能模塊名+結構名的方式命名。例如:熱點問題功能模塊的頭部煌寇,可以命名為“hot-head”
4焕蹄、命名為ID還是class,一般采用的原則是主要的阀溶、特殊的腻脏、最外層的采用ID命名。