HTML5和CSS编写规范
2017-07-12 16:05
176 查看
HTML5代码编写规范
1.IE兼容模式:<meta http-equiv="X-UA-Compatible" content="IE=Edge">
2.统一字符编码:<meta charset="UTF-8">
3.引入CSS和JavaScript文件时一般不需要指定 type 属性,因为 text/css 和 text/javascript 分别是它们的默认值。
<link href="code-guide.css" rel="stylesheet">
<script src="code-guide.js"></script>
4.实用为王:
尽量遵循 HTML 标准和语义,但是不要以牺牲实用性为代价。
任何时候都要尽量使用最少的标签并保持最小的复杂度。
5.属性顺序:class 用于标识高度可复用组件,因此应该排在首位。
id 用于标识具体组件,因此排在第二位。
6.布尔(boolean)型属性如果有值,就是 true,如果没有值,就是 false。(布尔型,不用赋值)
7.减少标签的数量:编写 HTML 代码时,尽量避免多余的父元素。
8.JavaScript生成的标签让内容变得不易查找编辑,并且降低性能,尽量避免使用.
Css代码编写规范
注意:为了代码的易读性,在每个声明块的左花括号前添加一个空格.
声明块的右花括号应当单独成行.
每条声明语句的:后应该插入一行.
为了获得更准确的错误报告,每条声明都应该独占一行.
所有声明语句都应当以分号结尾.
最后一条声明语句后面的分号都要写上,避免不必要的错误发生.
对于以逗号分隔的属性值,每个逗号后面都应该插入一个空格.
在 rgb()、rgba()、hsl()、hsla() 或 rect() 值的内,只加逗号,不加空格
十六进制值应该全部小写(小写易于分辨,形式也更易于区分).
避免为0值指定单位,尽量不写单位名称.
1.不要使用@import.
2.媒体查询的位置:将媒体查询放在尽可能相关规则的附近.
3.避免不必要的嵌套。
4.请确保你的代码能够自描述、注释良好并且易于他人理解。好的代码注释能够传达上下文关系和代码目的。
5.注释:/**/
1.IE兼容模式:<meta http-equiv="X-UA-Compatible" content="IE=Edge">
2.统一字符编码:<meta charset="UTF-8">
3.引入CSS和JavaScript文件时一般不需要指定 type 属性,因为 text/css 和 text/javascript 分别是它们的默认值。
<link href="code-guide.css" rel="stylesheet">
<script src="code-guide.js"></script>
4.实用为王:
尽量遵循 HTML 标准和语义,但是不要以牺牲实用性为代价。
任何时候都要尽量使用最少的标签并保持最小的复杂度。
5.属性顺序:class 用于标识高度可复用组件,因此应该排在首位。
id 用于标识具体组件,因此排在第二位。
6.布尔(boolean)型属性如果有值,就是 true,如果没有值,就是 false。(布尔型,不用赋值)
7.减少标签的数量:编写 HTML 代码时,尽量避免多余的父元素。
8.JavaScript生成的标签让内容变得不易查找编辑,并且降低性能,尽量避免使用.
Css代码编写规范
注意:为了代码的易读性,在每个声明块的左花括号前添加一个空格.
声明块的右花括号应当单独成行.
每条声明语句的:后应该插入一行.
为了获得更准确的错误报告,每条声明都应该独占一行.
所有声明语句都应当以分号结尾.
最后一条声明语句后面的分号都要写上,避免不必要的错误发生.
对于以逗号分隔的属性值,每个逗号后面都应该插入一个空格.
在 rgb()、rgba()、hsl()、hsla() 或 rect() 值的内,只加逗号,不加空格
十六进制值应该全部小写(小写易于分辨,形式也更易于区分).
避免为0值指定单位,尽量不写单位名称.
1.不要使用@import.
2.媒体查询的位置:将媒体查询放在尽可能相关规则的附近.
3.避免不必要的嵌套。
4.请确保你的代码能够自描述、注释良好并且易于他人理解。好的代码注释能够传达上下文关系和代码目的。
5.注释:/**/
相关文章推荐
- HTML5和CSS编写规范
- CSS编写指导规范和建议
- HTML+CSS编写规范
- css编写规范:如何合并组合类和嵌套类
- HTML+CSS编写规范
- 编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。
- 高效的CSS代码编写规范
- CSS编写规范的相关建议
- HTML+CSS编写规范
- CSS书写规范之编写顺序和命名规则
- css编写规范
- 编码规范 编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。
- 编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。
- CSS编写指导规范和建议
- 高质量CSS编写规范
- CSS编写指导规范和建议
- CSS编写规范大全
- css编写规范
- CSS编写规范
- 编写高质量的CSS代码,规范建议