HTML与CSS书写规范

<h2>HTML编码规范：</h2>
<ul>
<li>使用小写元素名:<session></li>
<li>关闭所有HTML元素:<p></p></li>
<li>使用小写属性名:<div class=”menu”></li>
<li>属性值使用引号:<table class=”table striped”></li>
<li>图片通常使用alt属性:<img src=”html5.gif” alt=”HTML5″></li>
<li>等号前少用空格:<link rel=”stylesheet” href=”style.css”></li>
<li>不要随便添加空行，缩进使用两个空格，不建议使用TAB</li>
<li>布尔型属性不用赋值:<input type=”text” disabled></li>
<li>尽量避免多余的父元素</li>
</ul>
<h2>HTML属性顺序：</h2>
<ol>
<li>class</li>
<li>id，name</li>
<li>data-</li>
<li>src，for，type，href</li>
<li>title，alt</li>
<li>aria-，rolo</li>
</ol>
<h2>CSS编码规范：</h2>
<ul>
<li>用二个空格代替tab</li>
<li>为选择器分组时，将单独的选择器单独放在一行</li>
<li>每个声明块的左花括号前添加一个空格</li>
<li>声明块的右花括号单独成行</li>
<li>每条声明语句的 ：后应该插入一个空格</li>
<li>每条声明独占一行</li>
<li>所有声明语句都应当以分号结尾 ;</li>
<li>对于以逗号分隔的属性值，每个逗号后面都应该插入一个空格</li>
<li>对于属性值或颜色参数，省略小于1的小数前面的0</li>
<li>避免为0值指定单位：用margin:0 代替 margin：0px</li>
<li>媒体查询@media放在尽可能相关规则的附近</li>
<li>只包含一条声明的样式，建议将语句放在同一行。</li>
<li>对于通用元素使用class</li>
<li>选择器尽可能短，并且尽量限制组成选择器的元素个数不超过3</li>
</ul>