CSS標準系列 建立自己的命名標準

我指出：提高開發速度的主要方法是減少重複勞動。
　　而今天的這個主題也是爲了要減少重複勞動而進行的一些前期工作。

　　我們在命名是一定要注意一點——ID名稱不能夾有樣式詞彙。比如：#divBlue這樣的DIV的ID 就表明我這個DIV是藍色的，然而這個DIV如果背景是藍色而文字是紅色或是黃色時這個DIV 的ID就很難具有代表性，從長遠去思考：我們在改版時我們希望把這個DIV做成綠色，那這個ID根本就是個錯誤了！

　　當然是不是說CLASS的名稱就可以是夾有樣式呢，相對來說CLASS就需要看情況了！對於一些特定的樣式CLASS名稱就必需要加入樣式相關詞彙來識別。比如我們可以製作一個 “.textRed{color:#f00;}”來使用，因爲我們需要在一些特定的地方使用這樣的CLASS來定義文本爲紅色。當然這樣的CLASS我們用得很少！

　　那怎麼樣的命名是正確的呢？按功能。比如：“導航條”，我們就命名爲“nav”，這樣不論我們用什麼樣式，導航條就是導航條不會有任何本質上的改變。如果導航條是多級的呢？子級就命名爲“navChild”或是“childNav”我個人主張用“navChild”這樣符合中國人的思維邏輯。那麼還有子層怎麼呢？那就命名爲“navChildChild”或是“nav2Child”。

　　通常我們很難會遇到超過三層的導航條！還有一種情況：那就是當導航中的每個選項都不一樣那就需要設定不同的ID而不是CLASS這時又如何命名呢？這時我們不能給每個ID都加上數字而需用到這個選項的名稱，

　　比如：#navMusic，這個就表示，是導航條中音樂選項的ID。

　　大家注意到了！我在命名時總是會把第二個詞的首字母大寫。這是方便我們去閱讀與瞭解其中的含義。而且在要把其父級的名稱加入，這是爲了表明這個ID的繼承關係。

　　大家清楚，目前WEB標籤以內是不支持中文的，所以大家是選擇使用英文還是拼音我想這就看自己的喜好了！關鍵是要形成自己的標準，這樣你會發現你的代碼與你是無比的親近。