真正阅读程序的是人，而不是计算机，所以所写代码具有良好的可读性，是优秀程序员必备的素质之一。在大型的系统开发中，往往需要很多人的通力配合，例如，开源软件Linux 之所以能够为全球顶尖程序员共享、协作开发，也得益于规范化和标准化的编码规范。规范应该尽量一致；即使有例外，也只能是少数情况，而不能是很多例外。好的代码规范能够提高代码的可读性便于协作沟通，好的模式能够在上层设计上避免不必要的 bug 出现。

编码规范

HTML规范

参考资料:开发过程中应该遵守哪些编码规范和class命名规范？

CSS规范

css规范目录如下,详细内容点击查看

1 前言

2 代码风格

　　2.1 文件

　　2.2 缩进

　　2.3 空格

　　2.4 行长度

　　2.5 选择器

　　2.6 属性

3 通用

　　3.1 选择器

　　3.2 属性缩写

　　3.3 属性书写顺序

　　3.4 清除浮动

　　3.5 !important

　　3.6 z-index

4 值与单位

　　4.1 文本

　　4.2 数值

　　4.3 url()

　　4.4 长度

　　4.5 颜色

　　4.6 2D 位置

5 文本编排

　　5.1 字体族

　　5.2 字号

　　5.3 字体风格

　　5.4 字重

　　5.5 行高

6 变换与动画

7 响应式

8 兼容性

　　8.1 属性前缀

　　8.2 Hack

　　8.3 Expression

#class命名规范

class命名的常用方式

原子类命名规则

将复用性高的单条属性直接命名成类

1	.ml5{margin-left:5px;}

模块命名规则

按照职能划分命名规则

例如，模块是nav，便可以命名nav-tittle、nav-left

BEM

BEM思想是由于项目开发中，每个组件都是唯一无二的，其名字也是独一无二的，组件内部元素的名字都加上组件名，并用元素的名字作为选择器，自然组件内的样式就不会与组件外的样式冲突了。这是通过组件名的唯一性来保证选择器的唯一性，从而保证样式不会污染到组件外。

BEM的命名规矩很容易记：block-name__element-name–modifier-name，也就是模块名+元素名+修饰器名

注意事项

1、规则命名中，一律采用小写加中划线的方式，不允许使用大写字母或_

2、命名避免使用中文拼音，应该采用更简明有语义的英文单词进行组合

3、不允许通过1、2、3等序号进行命名；避免class与id重名

4、class用于标识某一个类型的对象，命名必须言简意赅

5、尽可能提高代码模块的复用，样式尽量用组合的方式

6、规则名称中不应该包含颜色（red/blue）、定位（left/right）等与具体显示效果相关的信息。应该用意义命名，而不是样式显示结果命名