花开陌上

HTML编码规范：

• 使用小写元素名:<session>
• 关闭所有HTML元素:<p></p>
• 使用小写属性名:<div class=”menu”>
• 属性值使用引号:<table class=”table striped”>
• 图片通常使用alt属性:<img src=”html5.gif” alt=”HTML5″>
• 等号前少用空格:<link rel=”stylesheet” href=”style.css”>
• 不要随便添加空行，缩进使用两个空格，不建议使用TAB
• 布尔型属性不用赋值:<input type=”text” disabled>
• 尽量避免多余的父元素

HTML属性顺序：

1. class
2. id，name
3. data-*
4. src，for，type，href
5. title，alt
6. aria-*，rolo

CSS编码规范：

• 用二个空格代替tab
• 为选择器分组时，将单独的选择器单独放在一行
• 每个声明块的左花括号前添加一个空格
• 声明块的右花括号单独成行
• 每条声明语句的 ：后应该插入一个空格
• 每条声明独占一行
• 所有声明语句都应当以分号结尾 ;
• 对于以逗号分隔的属性值，每个逗号后面都应该插入一个空格
• 对于属性值或颜色参数，省略小于1的小数前面的0
• 避免为0值指定单位：用margin:0 代替 margin：0px
• 媒体查询@media放在尽可能相关规则的附近
• 只包含一条声明的样式，建议将语句放在同一行。
• 对于通用元素使用class
• 选择器尽可能短，并且尽量限制组成选择器的元素个数不超过3