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”。
相关推荐
前端代码规范
这是借鉴、引用的是京东前端代码规范。
前端代码规范.rar
前端代码规范文档,js,css,html等
百度前端代码规范
前端代码规范
前端代码规范总结(3篇),包括HTML、CSS、JAVASCRIPT等代码规范的总结心得!
此资源为前端代码规范说明文件,主要帮助前端开发人员规范代码,统一风格,方便后期维护
java前端开发代码书写规范,详细介绍了前端开发过程中,代码书写的原则以及如何做到代码的规范书写,让代码更加整洁。
经过详细的整理,此规范适用于标准前端html、css、js以及vue代码规范,覆盖范围较广,适合给公司开发人员参考借鉴
阿里前端开发规范,前端代码规范,规范的目的是为了编写高质量的代码,让你的团队成员每天得心情都是愉悦的,大家在一起是快乐的。
文档-代码开发规范(阿里巴巴java代码规范,前端代码规范),两个pdf
新整理了一份HTML+CSS+IMG的规范,不含JS的~ 希望对大家有点帮助~
整理的阿里前端代码开发规范
前端代码规范-js,html,vue,css,ts
前端代码规范[参照].pdf