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个空格。