CSS 命名规范

XHTML-CSS写作建议

1. 所有的xhtml代码小写
2. 属性的值一定要用双引号("")括起来，且一定要有值
3. 每个标签都要有开始和结束，且要有正确的层次
4. 空元素要有结束的tag或于开始的tag后加上"/"
5. 表现与结构完全分离，代码中不涉及任何的表现元素，如style、font、bgColor、border等
6. <h1>到<h5>的定义，应遵循从大到小的原则，体现文档的结构，并有利于搜索引擎的查询。
7. 给每一个表格和表单加上一个唯一的、结构标记id
8. 给重要的区块加上注释,如：
9. 给图片加上alt标签
10. 所有的标签必须进行合理的嵌套
11. 根元素前必须有元素，宣告使用那一种DTD
12. 根元素必须有xmlns属性来指定使用http://www.w3.org/1999/xhtml的namespace

CSS样式表规范：

1. id和class命名采用该版块的英文单词或组合命名，并第一个单词小写，第二个单词首个字母大写，如:newRelease（最新产品/new+Release)
2. CSS样式表各区块用注释说明
3. 尽量使用英文命名原则
4. 尽量不加中杠和下划线
5. 尽量不缩写，除非一看就明白的单词

CSS命名规范：

DIV	CSS名称	说明
网站公用相关
Container div	#container	容器
Layout	#layout	布局
Header or banner div	#head, #header	页头部分
Footer div	#foot, #footer	页脚部分
Navigation list	#nav	主导航
Sub-navigation list	#subNav	二级导航
Menu	#menu	菜单
Sub Menu	#submenu	子菜单
Left or right side columns	#sidebar_a, #sidebar_b	左边栏或右边栏
Main div	#main	页面主体
Tag	#tag	标签
Message	#msg #message	提示信息
Tips	#tips	小技巧
Vote	#vote	投票
Friend Link	#friendlink	友情连接
Title	#title	标题
Summary	#summary	摘要
Search input	#searchInput	搜索输入框
Search output	#search_output	搜索输出和搜索结果相似
Search	#search	搜索
Search bar	#searchBar	搜索条
Search results	#search_results	搜索结果
Copyright information	#copyright	版权信息
brand	#branding	商标
branding-logo	#logo	LOGO
Site information	#siteinfo	网站信息
Copyright information etc.	#siteinfoLegal	法律声明
Designer or other credits	#siteinfoCredits	信誉
Join us	#joinus	加入我们
Partnership opportunities	#partner	合作伙伴
Services	#service	服务
Regsiter	#regsiter	注册
Arrow	arr/arrow	箭头
Little	#little	标题
Website map	#sitemap	网站地图
List	#list	列表
Home page	#homepage	首页
Sub page	subpage	二级页面子页面
Toolbar	#tool, #toolbar	工具条
Next pulls	#drop	下拉
Next pulls menu	#dorpmenu	下拉菜单
Status	#status	状态
电子贸易相关
Products	.products	产品
Products prices	.products_prices	产品价格
Products description	.products_description	产品描述
Products review	.products_review	产品评论
Editor's review	.editor_review	编辑评论
New release	.news_release	最新产品
Publisher	.publisher	生产商
Screen shot	.screenshot	缩略图
FAQ	.faqs	常见问题
Keyword	.keyword	关键词
Blog	.blog	博客
Forum	.forum	论坛