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 注册 Arrowarr/arrow箭头Little#little标题

Website map

#sitemap网站地图List#list列表Home page#homepage首页Sub pagesubpage二级页面子页面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 论坛