1.2.4 HTML5开发人员编码规范

HTML5作为前端网页结构的超文本标记语言，网页的HTML代码书写必须符合HTML5书写规范。规范目的是提高团队协作效率，使HTML5代码风格保持一致，容易被理解、维护和升级。

1.HTML书写规范

1）文档类型声明：文档第一行添加HTML5的声明类型<!DOCTYPE html>。

2）语言声明：为<html>根标签指定lang属性，从而为文档设置正确的语言，例如lang="zh-CN"。

3）编码声明：编码统一为<meta charset="utf-8">。

4）标题标签：<title>标签必须设置为<head>的直接子元素，并紧随<meta charset>声明之后。

5）HTML标签名：除了开头的DOCTYPE、utf-8（或UTF-8）和zh-CN或者<head>中特殊情况可以大写外，其他HTML标签名必须使用小写字母。

6）标签嵌套：必须遵守标签的嵌套规则，例如，div不得置于p中，tbody必须置于table中。

7）属性名和属性值：属性名必须使用小写字母，其属性值必须用双引号包围。布尔类型的属性建议不添加属性值。自定义属性推荐使用data-前缀。

2.标签的规范

1）标签：标签分单标签和双标签，双标签成对出现，单标签只有一个开始标签，没有结束标签，例如，<img/>和<br/>在HTML5中应写为<img>和<br>。

2）标签名和属性：标签名和属性建议都用小写字母。

3）标签嵌套：多数HTML标签可以嵌套，但不允许交叉。

4）标签书写：HTML文档中一行可以写多个标签，但标签中的一个单词不能分两行写。

3.属性的规范

1）属性使用：根据需要可以使用该标签的所有属性，也可以只用其中的几个属性。在使用时，属性之间没有顺序。

2）属性值：属性值都要用双引号括起来。

3）属性存在：并不是所有的标签都有属性，如换行标签就没有。

4.元素的嵌套

1）块级元素和行级元素：块级元素可以包含行级元素或其他块级元素，但行级元素却不能包含块级元素，它只能包含其他的行级元素。

2）特殊的块级元素：有几个特殊的块级元素只能包含行级元素，不能再包含块级元素，这几个特殊的块级元素是h1、h2、h3、h4、h5、h6、p、dt。

5.代码的缩进

HTML5代码并不要求在书写时缩进，但为了体现文档的结构性和层次性，建议代码缩进设置为4个空格，即使用4个空格作为一个缩进层级，标签首尾对齐，每层的内容向右缩进4个空格。

上一章目录下一章