WEB前端怎么規(guī)范命名
WEB前端怎么規(guī)范命名?相信很多沒(méi)有經(jīng)驗(yàn)的人對(duì)此束手無(wú)策,為此本文總結(jié)了問(wèn)題出現(xiàn)的原因和解決方法,通過(guò)這篇文章希望你能解決這個(gè)問(wèn)題。
頭部 header ----------------用于頭部
主要內(nèi)容 main ------------用于主體內(nèi)容(中部)
左側(cè) main-left -------------左側(cè)布局
右側(cè) main-right -----------右側(cè)布局
外套 wrap ------------------用于最外層
導(dǎo)航條 nav -----------------網(wǎng)頁(yè)菜單導(dǎo)航條
內(nèi)容 content ---------------用于網(wǎng)頁(yè)中部主體
底部 footer -----------------用于底部
網(wǎng)頁(yè)公共命名:
#wrapper頁(yè)面外圍控制整體布局寬度
#container或#content容器,
用于最外層#layout布局
#head, #header頁(yè)頭部分
#foot, #footer頁(yè)腳部分
#nav主導(dǎo)航
#subnav二級(jí)導(dǎo)航
#menu菜單#submenu子菜單
#sideBar側(cè)欄#sidebar_a, #sidebar_b左邊欄或右邊欄
#main頁(yè)面主體
#tag標(biāo)簽#msg #message提示信息#tips小技巧#vote投票#
friendlink友情連接
#title標(biāo)題#summary摘要
#loginbar登錄條
#searchInput搜索輸入框
#hot熱門(mén)熱點(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注冊(cè)arr/arrow箭頭
#guild指南#sitemap網(wǎng)站地圖
#list列表#homepage首頁(yè)
#subpage二級(jí)頁(yè)面子頁(yè)面
#tool, #toolbar工具條#drop下拉#dorpmenu下拉菜單
#status狀態(tài)#scroll滾動(dòng).
tab標(biāo)簽頁(yè).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常見(jiàn)問(wèn)題.keyword關(guān)鍵詞.blog博客
.forum論壇CSS文件命名說(shuō)明master.css,style.css主要的module.css模塊base.css基本共用layout.css布局,版面themes.css主題columns.css專欄font.css文字、字體forms.css表單mend.css補(bǔ)丁print.css打印
看完上述內(nèi)容,你們掌握WEB前端怎么規(guī)范命名的方法了嗎?如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容,歡迎關(guān)注億速云行業(yè)資訊頻道,感謝各位的閱讀!