黄金定律:不管有多少人共同参与一个项目,选择一套规范,然后始终遵循,一定要确保每一行像是一个人编写的
- 语法
- html标签以及属性应该全部小写,
- 所有元素应该正确嵌套,编写时嵌套元素应该缩进一次,也就是两个空格。
- 双标签必须闭合,单标签(自关闭标签)不闭合,不要在自闭合(self-closing)元素的尾部添加斜线比如<input><img> <br><link>。
-
通过 JavaScript 生成的标签让内容变得不易查找、编辑,并且降低性能。能避免时尽量避免。
2. 属性
- HTML 属性应当按照以下给出的顺序依次排列,确保代码
class
id
name
data-*
src, for, type, href, value
title, alt
role, aria-*
- 对于属性的定义,确保全部使用双引号,绝不要使用单引号
- 省略type属性。使用style、link、script,不用指定type属性,因为 text/css 和 text/javascript 分别是他们的默认值。省略Boolean属性值。Boolean属性不用添加取值,disabled,checked,selected等。省略url类属性资源协议头。
3.格式
- soft tab。
- 嵌套缩进。
- 删除行尾空格。
- 块元素、列表元素、表格元素都放在新行。
- inline元素视情况换行。
- 努力保持每行长度小于80列,如果太长可换行。
4.元素
- 尽量不要使用js标签,避免冗余标签。
- 块元素可以包含内联元素或某些块元素,但内联元素却不能包含块元素,它只能包含其它的内联元素:
- 块级元素不能放在<p>里面:
- 有几个特殊的块级元素只能包含内嵌元素,不能再包含块级元素,这几个特殊的标签是: h1、h2、h3、h4、h5、h6、p、dt
- li 内可以包含 div 标签