根据网上现有一些现有WEB布局和CSS命名标准,加上自己的理解,对常用的CSS ID进行一下整理。
我采用的CSS命名方法是,骆驼命名法,英文单词首字母大写,连接号-数字序号。
一、CSS文件名命名标准
首页:default.css
目录页:catalog.css
子目录:subcatalog.css
内容页:single.css
搜索页:search.css
标签页:tags.css
打印页:print.css
二、网页整体框架CSS命名标准
外套:Wrap
页头:Header
页脚:Footer
内容区:PageBody
如下图所示:

三、页头CSS命名标准
网站名称区分两种情况,详见“H1标签的定义”:
首页,网站名称:<h1>
首页,网站名称副标题:<h2>
文章页,网站名称:SiteTitle
文章页,网站名称副标题:SubTitel
网站标识:Logo
导航:Nav
子导航:SubNav
四、页脚CSS命名标准
版权:Copyright
五、两栏式页面CSS命名标准
主内容区:MainBody
侧栏:SideBar
