网页设计与制作教程(HTML+CSS+JavaScript):第3版
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.3.3 HTML5编码规范

页面的HTML代码书写必须符合HTML规范,这是用户编写拥有良好结构文档的基础,这些文档可以很好地工作于所有的浏览器,并且可以向后兼容。

1.HTML书写规范

1)文件第一行添加HTML5的声明类型<!DOCTYPE html>。

2)建议为<html>根标签指定lang属性,从而为文件设置正确的语言lang="zh-CN"。

3)编码统一为<meta charset="utf-8"/>。

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

5)文件中除了开头的DOCTYPE、utf-8(或UTF-8)和zh-CN或<head>标签中可以使用大写字母外,其他HTML标签名必须使用小写字母。

6)标签的闭合要符合HTML5的规定。

7)标签的使用必须符合标签的嵌套规则,例如,<div>标签不得置于<p>标签中。

8)属性名必须使用小写字母,其属性值必须用双引号包围。布尔类型的属性建议不添加属性值。自定义属性推荐使用data-。

2.标签的规范

1)标签分单标签和双标签,双标签往往是成对出现,所有标签(包括空标签)都必须关闭,如<br/>、<img/>、<p>…</p>等。

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

3)多数HTML标签可以嵌套,但不允许交叉。

3.属性的规范

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

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

3)并不是所有的标签都有属性,如换行标签就没有。

4.元素的嵌套

1)块级元素可以包含行级元素或其他块级元素,但行级元素却不能包含块级元素,它只能包含其他的行级元素。

2)有几个特殊的块级元素只能包含行级元素,不能再包含块级元素,这几个特殊块级元素对应的标签是<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<p>、<dt>。

5.代码的缩进

HTML代码并不要求在书写时缩进,但为了文档的结构性和层次性,建议初学者使用标签时首尾对齐,内部的内容向右缩进几格。