文档介绍：CSS 命名规范
XHTML-CSS写作建议
所有的xhtml代码小写
属性的值一定要用双引号("")括起来,且一定要有值
每个标签都要有开始和结束,且要有正确的层次
空元素要有结束的tag或于开始的tag后加上"/"
表现与结构完全分离,代码中不涉及任何的表现元素,如style、font、bgColor、border等
<h1>到<h5>的定义,应遵循从大到小的原则,体现文档的结构,并有利于搜索引擎的查询。
给每一个表格和表单加上一个唯一的、结构标记id
给重要的区块加上注释,如:
给图片加上alt标签
所有的标签必须进行合理的嵌套
根元素前必须有元素,宣告使用那一种DTD
根元素必须有xmlns属性来指定使用9/xhtml的namespace
CSS样式表规范:
id和class命名采用该版块的英文单词或组合命名,并第一个单词小写,第二个单词首个字母大写,如:newRelease(最新产品/new+Release)
CSS样式表各区块用注释说明
尽量使用英文命名原则
不用加中杠和下划线
尽量不缩写,除非一看就明白的单词
CSS命名规范
这段时间由于工作的需要对CSS的命名做了一些研究,主要是想让作出的文档等规范,更能让人看懂和读懂。
DIV
CSS名称
说明
网站公用相关
Container div
#container
容器
Header or banner div
#header
页头部分
Main or global navigation div
#mainNav
主导航
Menu
#menu
菜单
Sub Menu
#submenu
子菜单
Left or right side columns
#sidebarA, #sidebarB
左边栏或右边栏
Main div
#main
页面主体
Content div
#content
内容部分
The main content area
#contentMain
主要内容区域
Footer div
#footer
页脚部分
Tag
#tag
标签
Message
#msg #message
提示信息
Tips
#tips
小技巧
Vote
#vote
投票
Friend Link
#friendlink
友情连接
Title
#title
标题
Summary
#summary
摘要
Sub-navigation list
#subNav
二级导航
Search input
#searchInput
搜索输入框
Search output
#searchOutput
搜索输出和搜索结果相似
Search
#search
搜索
Search results
#searchResults
搜索结果
Copyright information
#copyright
版权信息
brand
#branding
商标
branding-logo
#brandingLogo
LOGO
Site