在XHTML中定義ID、CLASSS都用得上,主要是方面CSS定義樣式時能一眼看穿。所以,CSS命名僅作參考。
(1)頁面結構類
容器: container
頁頭:header
內容:content/container
頁面主體:main
頁尾:footer
導航:nav
側欄:sidebar
欄目:column
頁面外圍控制整體布局寬度:wrapper
(2)導航類
導航:nav
主導航:mainnav
子導航:subnav
頂導航:topnav
邊導航:sidebar
左導航:leftsidebar
右導航:rightsidebar
位置導航: crumb
菜單:menu
子菜單:submenu
面包屑:breadcrumb(即頁面所處位置導航提示)
(3)網頁內容類
標題: title
摘要: summary
箭頭: arrow
商標: label
網站標志: logo
轉角/圓角: corner
橫幅廣告: banner
欄目: column
子菜單: subMenu
搜索: search
搜索框: searchBox
登錄: login
工具條: toolbar
下拉: drop
標簽頁: tab
當前的: current
列表: list
滾動: scroll
服務: service
提示信息: msg
新聞: news
小技巧: tips
下載: download
欄目標題: title
熱點: hot
加入: joinus
注冊: regsiter
指南: guide
友情鏈接: friendlink
狀態: status
版權: copyright
按鈕: btn
合作伙伴: partner
投票: vote