前端、HTML+CSS+JS编写规范（终极版）

HTMLCSS文档规范

1. HTML和CSS文档必须采用UTF-8编码格式；
2. HTML文档必须使用HTML5的标准文档格式；

HTMLCSS编写规范

1. HTML和CSS的标签、属性、类名、ID都必须使用小写字母；
2. HTML和CSS的属性、类名、ID命名必须具有语义化；
3. HTML代码必须保持文档结构清晰，必须合理的进行代码缩进；
4. CSS文件禁止样式表内引用CSS文件；
5. CSS编写格式，样式代码保持一行，多个选择器同一个规则必须换行，如图1；
6. CSS样式表格分为3个级别：系统级（以lib_开头）、模块级（以m_开头）、页面级（以p_开头）；
7. 修改系统级和模块级的文件必须经过前端主管审批；
8. 模块级的样式必须以“m_”开头，例如头部模块应该命名为：m_header；
9. 一个模块一个或多个CSS文件，禁止两个或以上模块使用同一个CSS文件；
10. 页面级的样式必须以“p_”开头、或者外层以p_开头，例如：p_goodslist、p_goodslist .name；
11. 页面级的样式如因特殊原因需要针对这个页面进行对模块级的样式进行重置的时候，须将重置样式写在最顶部；
12. 除系统级文件外，禁止其他页面级和模块级的CSS文件进行系统的样式重置操作，模块级和页面级也禁止直接重置系统级的样式；

js文档规范

1.JavaScript文档必须采用UTF-8(不包括Unicode签名BOM)编码格式；

js编写规范

1.参数命名必须以小驼峰命名，私有（局部）变量尽量使用下划线开头；
2.每个变量必须使用var定义；
3.需编写适当的注释；
4.禁止定义以下保留名称Zepto、JSON、template、WdatePicker、KindEditor、LT、TP、LeiTing（自己部门定义的全局变量）
5.每一段代码必须以分号分割，例如：var a = 123; function(){};

全局变量模块 window['LeiTing']

1.window['LeiTing']['UI']    //公共UI模块
2.window['LeiTing']['Model'] //公共模块
3.window['LeiTing']['PageData'] = [//页面数据

segmentfault上其他相关分享
前端编码规范
前端代码规范
编码规范-html
编码规范-css