Web页面布局和CSS命名规范

根据网上现有一些现有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

评论恒久远,一贴永流传

提交

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

帮助他人 - 快乐自己

最近发表

Search

热门文章

随机推荐

网站收藏

增值服务

Top

Powered By Z-Blog 1.8 Walle Build 100427

© 2007-2010 zfnn.com. 皖ICP备07503469号