小白必知HTML＋CSS编写规范

一、文档规范

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

2.HTML和CSS文档换行符必须采用UNIX/LINUX的换行编码LF(/n)；

3.HTML文档必须使用HTML5的标准文档格式；

二、编写规范

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”开头，例如头部模块应该命名为：mheader；

9.一个模块一个或多个CSS文件，禁止两个或以上模块使用同一个CSS文件；

10.页面级的样式必须以“p”开头、或者外层以p开头，例如：p_goodslist、p_goodslist .name；

11.页面级的样式如因特殊原因需要针对这个页面进行对模块级的样式进行重置的时候，须将重置样式写在最顶部；

12.除系统级文件外，禁止其他页面级和模块级的CSS文件进行系统的样式重置操作，模块级和页面级也禁止直接重置系统级的样式；

13.ID命名规则：如果用于JS操作需添加”js”前缀，如果用于CSS需依据CLASS的命名规则（不建议用ID做样式选择），如果用于模板操作需添加”tpl_”前缀；