命名:根據(jù)每塊元素的主題 或者功能、在頁面上的位置
寫包含樣式的時(shí)候能找到這個(gè)元素并且不影響其他元素即可
頁頭:header
登錄條:loginBar
標(biāo)志:logo
側(cè)欄:sideBar
廣告:banner
導(dǎo)航:nav
子導(dǎo)航:subNav
菜單:menu
子菜單:subMenu
搜索:search
滾動:scroll
頁面主體:main
內(nèi)容:content
標(biāo)簽頁:tab
文章列表:list
提示信息:msg
小技巧:tips
欄目標(biāo)題:title
加入:joinus
指南:guild
服務(wù):service
熱點(diǎn):hot
新聞:news
下載:download 注冊:regsiter
狀態(tài):status
按鈕:btn
投票:vote
合作伙伴:partner
友情鏈接:friendLink
頁腳:footer
版權(quán):copyRight
外 套:wrap
版 權(quán):copyRight
商 標(biāo):label
標(biāo) 題:title
頂導(dǎo)航:topnav
邊導(dǎo)航:sidebar
左導(dǎo)航:leftsideBar
右導(dǎo)航:rightsideBar
標(biāo) 語:banner
菜單內(nèi)容1: menu1Content
菜單容量: menuContainer
子菜單: submenu
邊導(dǎo)航圖標(biāo):sidebarIcon
注釋: note
面包屑:breadCrumb(即頁面所處位置導(dǎo)航提示)
容器:container
內(nèi)容:content
搜索:search
登陸:login
功能區(qū): shop(如購物車公浪,收銀臺)
當(dāng)前:current