web標(biāo)準(zhǔn)頁面及css的命名參考

HTML布局命名

頁頭:header

登錄條:loginBar

標(biāo)志:logo

側(cè)欄:sideBar

廣告:banner

導(dǎo)航:nav

子導(dǎo)航:subNav

菜單:menu

子菜單:subMenu

搜索:search

滾動(dòng):scroll

頁面主體:main

內(nèi)容:content

標(biāo)簽頁:tab

文章列表:list

提示信息:msg

小技巧:tips

欄目標(biāo)題:title

友情鏈接:friendLink

頁腳:footer

加入:joinus

指南:guild

服務(wù):service

熱點(diǎn):hot

新聞:news

下載:download

注冊(cè):regsiter

狀態(tài):status

按鈕:btn

投票:vote

合作伙伴:partner

版權(quán):copyRight

?

?

CSS ID及CLASS的命名

外套:wrap

主導(dǎo)航:mainNav

子導(dǎo)航:subnav

頁腳:footer

整個(gè)頁面:content

頁眉:header

頁腳:footer

商標(biāo):label

標(biāo)題:title

主導(dǎo)航:mainNav(globalNav)

頂導(dǎo)航:topnav

邊導(dǎo)航:sidebar

左導(dǎo)航:leftsideBar

右導(dǎo)航:rightsideBar

旗志:logo

標(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(如購物車，收銀臺(tái))

當(dāng)前的current

?

?

樣式文件命名

主要的:master.css

布局版面:layout.css

專欄:columns.css

文字:font.css

打印樣式:print.css

主題:themes.css

?

轉(zhuǎn)載于:https://www.cnblogs.com/rene1018/archive/2009/04/13/1434835.html

總結(jié)

以上是生活随笔為你收集整理的WEB标准页面CSS命名参考的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。