html前端命名規則
阿新 • • 發佈:2018-12-26
前端佈局規範細則
一、命名規範:
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)