通用规范
缩进
使用tab（4个空格宽度）来进行缩进***
编码
以 UTF-8 无 BOM 编码作为文件格式；
在HTML中文档中用 <meta charset=”utf-8″ /> 来指定编码；
为每个CSS文档显示的定义编码，在文档首行定义 @charset “utf-8”;
在 Sass 中，如果文档中出现中文，却未显示定义编码，将会编译出错，为了统一各种写法，且提前规避错误几率，统一要求每个CSS文档都需要定义编码
文件命名
CSS页面文件，其文件名必须与HTML文件名一致；
假定有一个HTML页面叫 product.html，那么其相对应的CSS页面文件名应该为：product.css
分离
结构（HTML）、表现（CSS）、行为分离（JavaScript）
将结构与表现、行为分离，保证它们之间的最小耦合，这对前期开发和后期维护都至关重要。
css 以文件.css方式头部引入
js 底部加载
scss,js,图片 文件名 统一小写***
html
规则
文档类型
统一使用HTML5的标准文档类型：<!DOCTYPE html>；
HTML5文档类型具备前后兼容的特质，并且易记易书写
在文档doctype申明之前，不允许加上任何非空字符；
任何出现在doctype申明之前的字符都将使得你的HTML文档进入非标准模式
不允许添加 <meta> 标签强制改变文档模式。
避免出现不可控的问题
所有的HTML标签、属性、样式名及规则必须小写；
标签闭合
所有标签必须闭合
不允许：
<div>balabala…
<link rel=”stylesheet” href=”*.css”>
应该：
<div>balabala…</div>
<link rel=”stylesheet” href=”*.css” />
虽然有些标记没有要求必须关闭，但是为了避免出错的几率，要求必须全部关闭，省去判断某标记是否需要关闭的时间
省略嵌入式资源协议头
不推荐：<script src=”http://www.google.com/js/gweb/analytics/autotrack.js”></script>
推荐： <script src=”//www.google.com/js/gweb/analytics/autotrack.js”></script>
不推荐：.example { background: url(http://www.google.com/images/example); }
推荐： .example { background: url(//www.google.com/images/example); }
注：省略协议头在IE7-8下会有一点小问题，外部CSS文件（link和@import）会被下载两遍，所以该条目的约定看具体项目。
有效操作
为表单元素label加上for属性
不允许：
<input type=”radio” name=”color” value=”0″ /><label>蓝色</label>
<input type=”radio” name=”color” value=”1″ /><label>粉色</label>
应该：
<input type=”radio” id=”blue” name=”color” value=”0″ /><label for=”blue”>蓝色</label>
<input type=”radio” id=”pink” name=”color” value=”1″ /><label for=”pink”>粉色</label>
for属性能让点击label标签的时候，同时focus到对应的 input 和 textarea上，增加响应区域
css编写使用sass
样式字体统一定义
移动端rem转换
规则
文件引用
一律使用link的方式调用外部样式
不允许在页面中使用 <style> 块；
不允许在 <style> 块中使用 @import；
不允许使用 style 属性写行内样式。
一般情况下，在页面中只允许使用 <link /> 标签来引用CSS文件，
命名-组成元素
命名必须由单词、中划线 “-” 或数字组成；
不允许使用拼音（约定俗成的除外，如：youku, baidu），尤其是缩写的拼音、拼音与英文的混合。
不推荐：
.xiangqing { sRules; }
.news_list { sRules; }
.zhuti { sRules; }
推荐：
.detail { sRules; }
.news-list { sRules; }
.topic { sRules; }
命名-缩写规范
保证缩写后还能较为清晰保持原单词所能表述的意思；
使用业界熟知的或者约定俗成的。
不推荐：
navigation => navi
header => head
description => des
推荐：
navigation => nav
header => hd
description => desc
1）、所有的命名最好都小写
2）、属性的值一定要用双引号(“”)括起来，且一定要有值如class=”divcss5″,id=”divcss5″
3）、每个标签都要有开始和结束，且要有正确的层次，排版有规律工整
4）、空元素要有结束的tag或于开始的tag后加上”/”
5）、表现与结构完全分离，代码中不涉及任何的表现元素，如style、font、bgColor、border等
6）、<h1>到<h5>的定义，应遵循从大到小的原则，体现文档的结构，并有利于搜索引擎的查询。
7）、给每一个表格和表单加上一个唯一的、结构标记id
8）、给图片加上alt标签
9）、尽量使用英文命名原则
10）、尽量不缩写，除非一看就明白的单词
命名方式小写+‘-’ a-b-c AbcD