为什么要规范？
1，降低每个组员介入项目的门槛成本；
2，提高工作效率及协同开发的便捷性；
3，高度统一的代码风格；
4，提供一整套HTML、CSS解决方案，来帮助开发人员快速做出高质量的符合要求的页面；
css通用约定
（1）分离
结构（HTML）、表现（CSS）、行为分离（JavaScript） 将结构与表现、行为分离，保证它们之间的最小耦合，这对前期开发和后期维护都至关重要
（2） 缩进
使用tab（4个空格宽度）来进行缩进，可以在IDE里进行设置
（3）编码
以 UTF-8 无 BOM 编码作为页面格式；
在HTML中文档中用 来指定编码；
不需要为CSS显示定义编码，因为它默认为utf-8；
（4）小写
所有的HTML标签必须小写
所有的HTML属性必须小写
所有的样式名及规则必须小写
（5）注释
尽可能的为你的代码写上注释。解释为什么要这样写，它是新鲜的方案还是解决了什么问题。
（6）行尾空格
删除行尾空格，这些空格没有必要存在
HTML规范
（1）文档类型
统一使用HTML5的标准文档类型：<!doctype html> HTML5文档类型具备前后兼容的特质，并且易记易书 写
在文档doctype申明之前，不允许加上任何非空字符 任何出现在doctype申明之前的字符都将使得你的 HTML文档进入非标准模式
不允许添加属性强制改变文档模式 避免出现不可控的问题
（2）省略type属性
在调用CSS和JavaScript时，可以将type属性省略不写 不推荐：<link type="text/css" rel="stylesheet" href="base.css"> <script type="text/javascript" src="base.js"></script>推荐：
<link rel="stylesheet" href="base.css"> <script src="base.js"></script>（3）属性值省略 非必须属性值可以省略
不推荐： <input type="text" readonly="readonly"> <input type="text" disabled="disabled">
推荐： <input type="text" readonly> <input type="text" disabled>（4）使用img的alt属性 为img元素加上alt属性
不推荐： <img src="banner.jpg"> 推荐： <img src="banner.jpg" alt="520即将到来，爱就大声说出来">（5）格式 将每个块元素、列表元素或表格元素都放在新行
Inline元素视情况换行，以长度不超过编辑器一屏为宜
每个子元素都需要相对其父级缩进
不推荐： <div><h1>asdas</h1><p>dff<em>asd</em>asda<span>sds</span>dasdasd</p></div> 推荐： <div> <h1>asdas</h1> <p>dff<em>asd</em>asda<span>sds</span>dasdasd</p> </div>