規(guī)范的命名也是Web標(biāo)準(zhǔn)中的重要一項(xiàng),標(biāo)準(zhǔn)的命名可以更好的看懂代碼,我想大家應(yīng)該都有這種經(jīng)歷,某日翻出自己過去寫的代碼居然看不懂了,呵呵,為了避免這種情況我們就要規(guī)范化命名,再說了,現(xiàn)在一個(gè)項(xiàng)目不是一個(gè)人就可以完成的,是需要大家互相合作的,如果沒有規(guī)范化命名,別人就無法看懂你的代碼,大大降低了工作效率,所以必須規(guī)范化命名,這樣還顯著咱專業(yè)!
好了不多說了,關(guān)于CSS命名法,和其他的程序命名差不多,也是有三種:駱駝命名法,帕斯卡命名法,匈牙利命名法。
【駱駝命名法】
說到駱駝大家肯定會(huì)想到它那明顯的特征,背部的隆起,一高一低的,我們的命名也要這樣一高一低,怎么才能這樣,就用大小寫字母唄~,大寫的英文就相當(dāng)于駱駝背部的凸起,小寫的就是凹下去的地方了,但是這個(gè)也是有規(guī)則的,就是第一個(gè)字母要小寫,后面的詞的第一個(gè)字母就要用大寫,如下:
- #headerBlock
- .navMenuRedButton
【帕斯卡命名法】
這種命名法同樣也是大小寫字母混編而成,和駱駝命名法很像,只有一點(diǎn)區(qū)別,就是首字母要大寫,如下
- #HeaderBlock
- .NavMenuRedButton
【匈牙利命名法】
匈牙利命名法,是需要在名稱前面加上一個(gè)或多個(gè)小寫字母作為前綴,來讓名稱更加好認(rèn),更容易理解,比如:
- #head_navigation
- .red_navMenuButton
頭:header
內(nèi)容:content/container
尾:footer
導(dǎo)航:nav
側(cè)欄:sidebar
欄目:column
頁面外圍控制整體布局寬度:wrapper
左右中:left right center
登錄條:loginbar
標(biāo)志:logo
廣告:banner
頁面主體:main
熱點(diǎn):hot
新聞:news
下載:download
子導(dǎo)航:subnav
菜單:menu
子菜單:submenu
搜索:search
友情鏈接:friendlink
頁腳:footer
版權(quán):copyright
滾動(dòng):scroll
內(nèi)容:content
新聞熱點(diǎn)
疑難解答
圖片精選