Web 前端代码规范
必须
1 结构、样式、行为三层分离；
2 采用统一的缩进（两个或四个空格/Tab）；
3 嵌套标签应当缩进一次，必须合理嵌套；
4 HTML页面必须包含文档类型声明，采用HTML5文档类型声明；
<!doctype html><html><head><meta charset="UTF-8" /><title>Document</title></head><body></body></html>
5 CSS样式全部采用外链的方式在<head>标签中引入；禁用行内样式，复用已有的样式规则；
6 所有标签和属性名称必须小写，标签的属性值全部使用双引号，不采用属性简写方式；
<input type="checkbox" checked="checked">
7 JavaScript脚本在body结束标签（</body>）前引入（除了影响页面初始化加载显示的JavaScript脚本需放在<head>头部标签里面，其余的都放在</body>标签前）。
8 JavaScript中声明数组和对象采用字面量的方式声明；
9 避免全局变量；采用局部变量；
10 不用HTML5废弃的标签，如<font>，<s>，<center>，……
建议
1 不用在自闭合标签的尾部添加斜线
不用：<br/>，
采用：<br>
2 引入CSS文件时，如果type的值为text/css，则不需要指定type属性
不用：<link rel=“stylesheet” type=“text/css” href=“style.css”>
<style type=“text/css”></style>
采用：<link rel=“stylesheet” href=“style.css”>
<style></style>
3 引入JavaScript脚本时，如果type的值为text/javascript，则不需要指定type属性；
不用：<script type=“text/javascript” src=“script.js”></script>
<script type=“text/javascript”></script>
采用：<script src=“script.js”></script>
<script></script>
4 JavaScript脚本中字符串统一使用单引号；
5 JavaScript代码每条语句结束必须以分号结束；
6 JavaScript变量的声明采用单var形式；
7 使用class与样式关联；使用id与行为关联；样式与行为解耦。
8 建议class的命名采用带横线的形式，如 “btn-primary”，id的命名采用驼峰式，如“addBtn”。
已有 0人发表留言，猛击->> 这里<<-参与讨论
ITeye推荐
