编码的黄金定律：不管有多少人共同参与同一项目，一定要确保每一行代码都像是同一个人编写的。
一、HTML5
1、要使用正确的文档类型，如果HTML5的话，文档类型是<!DOCTYPE html>；
2、强烈建议为 html 根元素指定 lang 属性，从而为文档设置正确的语言。这将有助于语音合成工具确定其所应该采用的发音，有助于翻译工具确定其翻译时所应遵守的规则等等；
3、在代码中加入meta标签，属性content="IE=edge"来确定绘制当前页面所应该采用的 IE 版本 采用其所支持的最新的模式；除非有强烈的特殊需求。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
4、通过明确声明字符编码（一般采用 UTF-8 编码），优势：能够确保浏览器快速并容易的判断页面内容的渲染方式；
5、标签必须小写且成对出现，即使换行标签；
6、在引入 CSS 和 JavaScript 文件时一般不需要指定 type 属性；
7、减少标签的数量、javascript生成的标签数量；
8、HTML 属性应当按照以下给出的顺序依次排列，确保代码的易读性1 class 2 id, name 3 data-*、src, for, type, href, value 4 title, alt 5 role, aria-*。
二、CSS3
1、为了代码的易读性，在每个声明块的左花括号前添加一个空格，声明块的右花括号应当单独成行，为选择器分组时，将单独的选择器单独放在一行；
2、为了获得更准确的错误报告，每条声明都应该独占一行，每条声明语句的 : 后应该插入一个空格。所有声明语句都应当以分号结尾。最后一条声明语句后面的分号是可选的，但是，如果省略这个分号，你的代码可能更易出错；
3、对于以逗号分隔的属性值，每个逗号后面都应该插入一个空格；
4、对于属性值或颜色参数，省略小于 1 的小数前面的 0 （例如，.5 代替 0.5）；
5、尽量使用简写形式的十六进制值，例如，用 #fff 代替 #ffffff，并且十六进制值应该全部小写，例如，#fff。在扫描文档时，小写字符易于分辨，因为他们的形式更易于区分；
6、为了代码的一致性为选择器中的属性添加双引号；
7、避免为 0 值指定单位，例如用 margin: 0; 代替 margin: 0px;；
8、相关的属性声明应当归为一组，并按照下面的顺序排列：Positioning；Box model；Typographic；Visual；
9、class 名称要使用有意义的名称并且只能出现小写字符和破折号，不是下划线，也不是驼峰命名法；
10、不要使用 @import，指令太慢。
