編碼規範(重要)

一、書寫規範的DIV標籤 css

        搜索引擎優化(seo)中,對代碼的優化也是一個很關鍵的步驟。爲了更加符合SEO的規範,下面是目前流行的CSS+DIV的命名規則:
DIV ID命名頁頭:header登陸條:loginBar標誌:logo側欄:sideBar
廣告:banner導航:nav子導航:subNav菜單:menu子菜單:subMenu搜索:search
滾動:scroll頁面主體:main內容:content標籤頁:tab文章列表:list
提示信息:msg  小技巧:tips  欄目標題:title  友情連接:friendLink  頁腳:footer
加入:joinus  指南:guild  服務:service  熱點:hot  新聞:news  下載:download 
註冊:regsiter  狀態:status  按鈕:btn  投票:vote  合做夥伴:partner
版權:copyRight  ide

CSS ID的命名
外套:wrap   主導航:mainNav(globalNav)  子導航:subNav
頁腳:footer   整個頁面:content頁眉:header頁腳:footer商標:label標題:title 
頂導航:topNav邊導航:sideBar左導航:leftsideBar右導航:rightsideBar標識:logo標語:banner菜單1內容:menu1Content   
菜單1容量:menu1Container子菜單:submenu
邊導航圖標:sidebarIcon註釋:note
麪包屑:breadCrumb(即頁面所處位置導航提示)容器:container內容:content搜索:search登錄:login功能區:shop(如購物車,收銀臺)當前的current

樣式文件命名
全站標籤默認樣式:general.css或global.css
佈局版式設計樣式:layout.css或container.css
通用樣式(如文字、表單等):style.css
專欄/頻道樣式:columns.css
打印輸出樣式:print.css
主題模板樣式:themes.css    佈局

其它參考:http://www.uisdc.com/css-written-specifications優化

相關文章
相關標籤/搜索