目 录

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

CSS声明顺序:

  1. Positioning
  2. Box model
  3. Typograhic
  4. Visual