`
2008winstar
  • 浏览: 57459 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论
  • chenke: 写的很好,也可以看看那这个文章,我感觉学的还可以。http:/ ...
    HTML

前端代码规范

 
阅读更多

Web 前端代码规范

 

必须

结构、样式、行为三层分离;

采用统一的缩进(两个或四个空格/Tab

嵌套标签应当缩进一次,必须合理嵌套;

4 HTML页面必须包含文档类型声明,采用HTML5文档类型声明;

 

<!doctype html>
<html>
<head>
	<meta charset="UTF-8" />
	<title>Document</title>
</head>
<body>
	
</body>
</html>

  

5 CSS样式全部采用外链的方式在<head>标签中引入;禁用行内样式,复用已有的样式规则;

所有标签和属性名称必须小写,标签的属性值全部使用双引号,不采用属性简写方式;

 

<input type="checkbox" checked="checked">

  

7 JavaScript脚本在body结束标签(</body>)前引入(除了影响页面初始化加载显示的JavaScript脚本需放在<head>头部标签里面,其余的都放在</body>标签前)。

8 JavaScript中声明数组和对象采用字面量的方式声明;

避免全局变量;采用局部变量;

10 不用HTML5废弃的标签,如<font><s><center>,……

 

建议

不用在自闭合标签的尾部添加斜线

不用:<br/>

采用:<br>

引入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>

引入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形式;

使用class与样式关联;使用id与行为关联;样式与行为解耦。

建议class的命名采用带横线的形式,如 btn-primary”,id的命名采用驼峰式,如“addBtn”。

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics