文档介绍：WEB前端开发规范
目录
规范目的
基本准则
文件规范
文件规范
html书写规范
css书写规范
JavaScript书写规范
图片规范
注释规范
开发及测试工具约定
其他规范
CSS Hack
上alt属性; 给重要的元素和截断的元素加上title;目的:有利于seo，搜索引擎的爬虫。
、给区块代码及重要功能(比如循环)加上注释, 方便后台程序员嵌套模版;
、特殊符号使用: 尽可能使用代码替代: 比如 <(<) & >(>) & 空格( ) & »(») 等等;
、书写页面过程中, 请考虑向后扩展性;
css书写规范
编码统一为utf-8;都用小写
class与id的使用: 一般都使用class，特殊除外，因id的优先级比class的高
样式命名推荐使用英文避免使用汉语拼音, 尽量使用简易的单词组合; 命名方式参照《WEB前端开发CSS命名参考》。命名方式采用驼峰命名法和划线命名法两种，提高可读性。例如：dropMenu、subNavMenu、drop-menu、sub_nav_menu。驼峰命名法用来区别不同的单词。划线命名法表明从属关系。如：“.timeList”和“.time_list”分别表示时间列表和时间部分下的列表。
定位属性（比如：display, position, float, clear, visibility, table-layout等）
自身属性（比如：width, height, margin, padding, border等）
文本属性（比如：font, line-height, text-align, text-indent, vertical-align等）
其他属性（比如：color, background, opacity, cursor,content, list-style, quotes等）
css属性书写顺序, 建议遵循 布局定位属性–>自身属性–>文本属性–>其他属性. 此条可根据自身****惯书写, 但尽量保证同类属性写在一起.
继承属性示例：<ul class=”list”><li>这儿是标题列表<span>2010-09-15</span></ul>
样式表： li{position:relative} li span{position:absolute; right:0}
即可实现日期居右显示
避免滥用自选择器。#test span｛｝和#test .span｛｝尽量选择后者。 采用继承属性还是新加class根据不同情况灵活运用。新加class便于扩展维护。
样式表中中文字体名, 请务必转码成unicode码, 以避免编码错误时乱码;
使用table标签时, 请不要用width/ height/cellspacing/cellpadding等table属性直接定义表现, 应尽可能的利用table自身私有属性分离结构与表现, 如thead,tr,th,td,tbody,tfoot,colgroup,scope; (cellspaing及cellpadding的css控制方法: table{border