编码规范

项目文件的编码规范

  (1)省略绝对路径的协议部分——即省略http: 或 https:

<ahref="http://www.baidu.com/s?"> 简写为：

<ahref="//www.baidu.com/s?">

  (2)嵌套内容缩进一级，使用(2/4个)空格代替tab键

  (3)HTML/CSS全部使用小写

<divtitle="" style="color: #fee">

  (4)声明页面的编码规则

H4/XHTML:

<metahttp-equiv="Content-Type" content="text/html;charset=UTF-8">

H5:

<metacharset="UTF-8">

  (5)添加合理的注释，尤其是TODO注释

  (6)声明HTML DOCTYPE，防止浏览器进入“Quirks Mode(混杂模式)”

  (7)为HTML声明lang属性，明确指定页面中所用的自然语言

<htmllang="zh-cn">

  (8)为页面声明IE兼容模式为edge，最大可能的向行业标准靠齐

<metahttp-equiv="X-UA-Compitable" content="IE=edge">

(9)不适用废弃的标签，尽可能使用语义化标签

  (10)所有的表单输入域都要有label标签，radio和checkbox直接嵌在label标签内部

  (11)尽量少用转义字符，如用 ® 代替 &reg;   用©代替 &copy;

  (12)HTML元素的属性按照如下顺序声明：

class

id,  name

data-*            声明自有属性(为元素自定义的属性)

src,href, type, for

title,  alt

role, aria-*

  (13)HTML元素的id、class属性值名都是有含义的，且推荐使用小写字母+数字+减号——不用驼峰规则

  (14)CSS属性最好按照一定的顺序来声明：

(1)定位相关属性：   position  left  top   z-index

(2)盒子模型吸纳相关属性：    width padding  margin  

(3)印刷字体相关属性：   font  line-height   

(4)可视化相关属性：  background  border

(5)其他属性：  opacity

  (15)恰当的使用空格和换行、对齐：

.box,

.container  {

color:  #faa;

-webkit-animation: xxx;

  -moz-animation:xxx;

        animation:xxx;

}