SEO(搜尋引擎優化)有很多工作要做,其中對程式碼的優化是一個很關鍵的步驟。為了更符合SEO的規範,以下中部IT網將對目前流行的CSS+DIV的命名規則整理如下:
頁頭:header
登入列:loginBar
標誌:logo
側欄:sideBar
廣告:banner
導航:nav
子導航:subNav
選單:menu
子菜單:subMenu
搜尋:search
捲動:scroll
頁面主體:main
內容:content
標籤頁:tab
文章列表:list
提示訊息:msg
小技巧:tips
欄目標題:title
加入:joinus
指南:guild
服務:service
熱點:hot
新聞:news
下載:download
註冊:regsiter
狀態:status
按鈕:btn
投票:vote
合作夥伴:partner
友情連結:friendLink
頁尾:footer
版權:copyRight
1.CSS ID 的命名
外套: wrap
主導航: mainNav
子導航: subnav
頁尾: footer
整個頁面: content
頁眉: header
頁尾: footer
商標: label
標題: title
主導航: mainNav(globalNav)
頂導航: topnav
邊導航: sidebar
左導航: leftsideBar
右邊導航: rightsideBar
旗志: logo
標語: banner
選單內容1: menu1Content
選單容量: menuContainer
子選單: submenu
邊緣導航圖示:sidebarIcon
註解: note
麵包屑: breadCrumb(即頁面所處位置導航提示)
容器: container
內容: content
搜尋: search
登陸: login
功能區: shop(如購物車,收銀台)
目前的current
2.另外在編輯樣式表時可用的註解可這樣寫:
內容區
3.樣式文件命名
主要的master.css
佈局,版面layout.css
專欄columns.css
文字font.css
列印樣式print.css
主題themes.css