網(wǎng)頁制作編寫網(wǎng)頁的時候，一般都沒有把命名規(guī)則認(rèn)真對待。在結(jié)合語義以及搜索優(yōu)化兩方面給出了一套命名方案，對增強閱讀性、規(guī)范性和提高開發(fā)效率是有幫助的，當(dāng)然，這方面的規(guī)范，仁者見仁智者見智，網(wǎng)上有許多前輩們以經(jīng)驗總結(jié)的類似規(guī)則，具體怎么用，大家還是因人制宜吧。僅做記錄，方便后續(xù)查閱。

頁頭：header

登錄條：loginBar

標(biāo)志：logo

側(cè)欄：sideBar

廣告：banner

導(dǎo)航：nav

子導(dǎo)航：subNav

菜單：menu

子菜單：subMenu

搜索：search

滾動：scroll

頁面主體：main

內(nèi)容：content

標(biāo)簽頁：tab

文章列表：list

提示信息：msg

小技巧：tips

欄目標(biāo)題：title

加入：joinus

指南：guild

服務(wù)：service

熱點：hot

新聞：news

下載：download

注冊：regsiter

狀態(tài)：status

按鈕：btn

投票：vote

合作伙伴：partner

友情鏈接：friendLink

頁腳：footer

版權(quán)：copyRight

1.CSS ID 的命名

外　套：　　wrap

主導(dǎo)航：　　mainNav

子導(dǎo)航：　　subnav

頁　腳：　　footer

整個頁面：　content

頁　眉：　　header

頁　腳：　　footer

商　標(biāo)：　　label

標(biāo)　題：　　title

主導(dǎo)航：　　mainNav（globalNav）

頂導(dǎo)航：　　topnav

邊導(dǎo)航：　　sidebar

左導(dǎo)航：　　leftsideBar

右導(dǎo)航：　　rightsideBar

旗　志：　　logo

標(biāo)　語：　　banner

菜單內(nèi)容1： menu1Content

菜單容量：　menuContainer

子菜單：　　submenu

邊導(dǎo)航圖標(biāo)：sidebarIcon

注釋：　　　note

面包屑：　　breadCrumb(即頁面所處位置導(dǎo)航提示）

容器：　　　container

內(nèi)容：　　　content

搜索：　　　search

登陸：　　　login

功能區(qū)：　　shop(如購物車，收銀臺)

當(dāng)前的　　　current

2.另外在編輯樣式表時可用的注釋可這樣寫：

<– Footer –>

內(nèi)容區(qū)

<– End Footer –>

3.樣式文件命名

主要的 master.css

布局，版面 layout.css

專欄 columns.css

文字 font.css

打印樣式 print.css

主題 themes.css

PS:CSS代碼書寫順序

今天向大家提倡一種CSS代碼書寫順序。這樣便于閱讀，查找與修改屬性，使CSS代碼更加的清晰規(guī)范。

一、顯示屬性

* display

* list-style

* position

* float

* clear

二、自身屬性

* width

* height

* margin

* padding

* border

* background

三、文本屬性

* color

* font

* text-decoration

* text-align

* vertical-align

* white-space

* other text

* content

---