1. 程式人生 > >html前端命名規則

html前端命名規則

前端佈局規範細則

一、命名規範:

1、基本要求:

1)檔案編碼統一使用 UTF-8 編碼; 
2)命名時以符合語義為主要參考指標,CSS屬性書寫規範,採用統一風格及命名方法; 
3)結構清晰,層級關係明朗,以不超過三級為標準; 
4)同一表現形式的樣式要求可重複利用,模組元件類的樣式要求可整體外部移植; 
5)編寫 CSS 的時候,應當避免使用CSS Hack,能不用則不用。 
6)所有頁面預設都針對Firefox 等最接近標準的瀏覽器進行設計,然後使用 IE 特有條件註釋功能進行鍼對性修正。 
7)請使用英文進行命名,儘量避免使用拼音。命名要求具有可讀性,儘量避免使用縮寫。命名雖然允許數字,但應儘量避免使用數字命名。 
2、命名方法 要求採用統一的命名方法。常用命名方法有: 
1)連寫式命名法,如:helloworld 
2)中線命名法,如:hello-world(目前採用此方法的較多,建議採用) 
3)下劃線命名法,如:hello_world 
4)駱駝命名法,如:helloWorld 
5)帕斯卡命名法,如:HelloWorld 
6)其他方法。 
3、樣式檔案命名規範 如: 
全域性的:global.css

; 
主要的:master.css; 
佈局、版面:layout.css; 
專欄:columns.css; 
文字:font.css; 
列印樣式:print.css; 
主題:themes.css; 
補丁:pacth.css; 
格式化瀏覽器:base.css等。 
4、ID及Class命名常用名稱 
頁頭:header 
登入條:login-bar 
標誌:logo 
側欄:side-bar 
廣告:banner 
導航:nav 
子導航:sub-nav 
選單:menu 
子選單:sub-menu 
搜尋:search 
滾動:scroll 
頁面主體:main 
內容:content 

標籤頁:tab 
文章列表:list 
提示資訊:msg 
小技巧:tips 
欄目標題:title 
加入:joinus 
指南:guild 
服務:service 
熱點:hot 
新聞:news 
下載:download 
註冊:regsiter 
狀態:status 
按鈕:btn 
投票:vote 
合作伙伴:partner 
友情連結:friendlink 
版權:copyright 
外套:wrap 
頁尾:footer 
標題:title 
頂導航:top-nav(mini-nav)