CSS標準系列建立自己的命名標準_Web標準教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
我指出:提高開發速度的主要方法是減少重復勞動。
而今天的這個主題也是為了要減少重復勞動而進行的一些前期工作。
我們在命名是一定要注重一點——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標簽以內是不支持中文的,所以大家是選擇使用英文還是拼音我想這就看自己的喜好了!要害是要形成自己的標準,這樣你會發現你的代碼與你是無比的親近。
相關Web標準教程:
- 相關鏈接:
- 教程說明:
Web標準教程-CSS標準系列建立自己的命名標準。