网页命名规则

网页中命名规则

一、命名规则

内容：content/container
导航：nav
侧栏：sidebar 　
栏目：column
标志：logo
页面主体：main
广告：banner
热点：hot
新闻：news
下载：download
子导航：subnav
菜单：menu
搜索：search
页脚：footer
滚动：scroll
友情链接：friendlink
子菜单：submenu
内容：content
标签页：tab
文章列表：list
注册：regsiter
提示信息：msg
小技巧：tips
加入：joinus
栏目标题：title
指南：guide
服务：service
状态：status
投票：vote
尾：footer
合作伙伴：partner
登录条：loginbar
版权：copyright
页面外围控制整体布局宽度：wrapper 左右中：left right center

二、class命名规则

(1)颜色:使用颜色的名称或者16进制代码,如 ：

.red { color: red; }
.f60 { color: #f60; }
.ff8600 { color: #ff8600; }

(2)字体大小,直接使用"font+字体大小"作为名称,如

.font12px { font-size: 12px; }

(3)对齐样式,使用对齐目标的英文名称,如

.left { float:left; }
.bottom { float:bottom; }

(4)标题栏样式,使用"类别+功能"的方式命名,如

.barnews { }
.barproduct { }

三、外部css文件命名规则

• 主要的 master.css
• 模块 module.css
• 基本共用 base.css
• 主题 themes.css
• 专栏columns.css
• 文字 font.css
• 表单 forms.css
• 补丁 mend.css
• 布局，版面 layout.css