WEB前端規(guī)范命名的介紹

頭部 header —————-用于頭部
主要內(nèi)容 main ————用于主體內(nèi)容（中部）
左側(cè) main-left ————-左側(cè)布局
右側(cè) main-right ———–右側(cè)布局

外套 wrap ——————用于最外層

導(dǎo)航條 nav —————–網(wǎng)頁菜單導(dǎo)航條
內(nèi)容 content —————用于網(wǎng)頁中部主體
底部 footer —————–用于底部

網(wǎng)頁公共命名：

#wrapper頁面外圍控制整體布局寬度

#container或#content容器,

用于最外層#layout布局

#head, #header頁頭部分

#foot, #footer頁腳部分

#nav主導(dǎo)航

#subnav二級(jí)導(dǎo)航

#menu菜單#submenu子菜單

#sideBar側(cè)欄#sidebar_a, #sidebar_b左邊欄或右邊欄

#main頁面主體

#tag標(biāo)簽#msg #message提示信息#tips小技巧#vote投票#

friendlink友情連接

#title標(biāo)題#summary摘要

#loginbar登錄條

#searchInput搜索輸入框

#hot熱門熱點(diǎn)#search搜索

#search_output搜索輸出和搜索結(jié)果相似

#searchBar搜索條

#search_results搜索結(jié)果

#copyright版權(quán)信息#branding商標(biāo)

#logo網(wǎng)站LOGO標(biāo)志

#siteinfo網(wǎng)站信息#siteinfoLegal法律聲明

#siteinfoCredits信譽(yù)#joinus加入我們

#partner合作伙伴#service服務(wù)

#regsiter注冊arr/arrow箭頭

#guild指南#sitemap網(wǎng)站地圖

#list列表#homepage首頁

#subpage二級(jí)頁面子頁面

#tool, #toolbar工具條#drop下拉#dorpmenu下拉菜單

#status狀態(tài)#scroll滾動(dòng).

tab標(biāo)簽頁.left .right .center居左、中、右.news新聞

.download下載

.banner廣告條(頂部廣告條)電子貿(mào)易相關(guān).products產(chǎn)品

.products_prices產(chǎn)品價(jià)格.products_description產(chǎn)品描述

.products_review產(chǎn)品評(píng)論

.editor_review編輯評(píng)論.news_release最新產(chǎn)品

.publisher生產(chǎn)商.screenshot縮略圖

.faqs常見問題.keyword關(guān)鍵詞.blog博客

.forum論壇CSS文件命名說明master.css,style.css主要的module.css模塊base.css基本共用layout.css布局，版面themes.css主題columns.css專欄font.css文字、字體forms.css表單mend.css補(bǔ)丁print.css打印