一、書寫規範的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 佈局