網站(zhàn)開(kāi)發時(shí)HTML代碼如(r§ £ú)何命名才簡單明(míng)了(le)

在稍大(dà)型的(de)項目開(kāiδ✔₹)發過程中，都(dōu)是(shì)團隊作↕><(zuò)業(yè)，團隊成員(yuán)之π✘間(jiān)如(rú)何才能(néng)高(gāo)效的(&≠≤ de)配合，理(lǐ)解别人(rén)寫的(de)代碼，在命名規範上(σ≈shàng)，有(yǒu)一(yī)些(xiē)約定是(shì)非常必要(yà↓©o)的(de)。下(xià)面就(jiù)根據我們的($₹σεde)實際項目經驗，分(fēn)享一(yī)下(xià)HTML代碼的(λ≤​↑de)一(yī)些(xiē)命名規範，希望能(néng)幫到(dào)大₹★σ$(dà)家(jiā)。

側欄：sidebar

标志(zhì)：logo　　

頁面主體(tǐ)：main　　

子(zǐ)導航：subnav　　

菜單：menu　　

子(zǐ)菜單：submenu　　

搜索：search　　

滾動：scroll　　

內(nèi)容：content　　

标簽頁：tab　　

提示信息：msg　　

小(xiǎo)技(jì)巧：tips　　

欄目标題：title　　

加入：joinus　　

服務：service　　

注冊：regsiter　　

投票(piào)：vote　　

　　容器(qì)： container

　　頁頭：header

　　內(nèi)容：content/container

　　頁面主體(tǐ)：main

　　導航：nav

　　側欄：sidebar

　　頁面外(wài)圍控制(zhì)整體(tǐ)布局寬度：wrappe

    左右中：left ri© ±$ght center

　　導航：nav

　　邊導航：sidebar

　　右導航：rightsidebar

　　菜單：menu

　　标題： title

　（3）功能(néng)

　　廣告：banner

　　登陸：login

　　登錄條：loginbar

　　注冊：regsiter

　　功能(néng)區(qū)：shop

　　加入：joinus

　　按鈕：btn

　　滾動：scroll

　　标簽頁：tab

　　文(wén)章(zhāng)列表：list

　　當前的(de)： current

　　小(xiǎo)技(jì)巧：tips

　　圖标： icon

　　服務：service

　　熱(rè)點：hot

　　投票(piào)：vote

　　合作(zuò)夥伴：partner§ 

 

3、類class的(de)書(shū)寫規範示例

　　.f60 { color： #f60； }

　（3）對(duì)齊樣式，使用(yòng) $×對(duì)齊目标的(de)英文(wén)名稱，如(rú)

　　.left { float：left； }∏☆

　（4）标題欄樣式，使用(yòng)"類别+功能(¥↓néng)"的(de)方式命名，如(rú)

　　.barnews { }

　　模塊 module.css

　　表單 forms.css

　　打印 print.css

 

5、注意事(shì)項

　 （1）一(yī)律小(xiǎo)寫；

　　（2）盡量用(yòng)英文(wén)；

　　（4）盡量不(bù)縮寫，除非一(yī)看($↓♦kàn)就(jiù)明(míng)白(bái)的(de)單詞。