项目文件的编码规范
(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)尽量少用转义字符,如用 ® 代替 ® 用©代替 ©
(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;
}