2.1 HTML文档结构

二维码

如图2-1所示，一个完整的HTML文件包含头部和主体两部分内容，在头部内容中，可定义标题、页面元信息等，主体内容就是浏览器中显示的信息。

图2-1 HTML文档基本结构图

下面是一个简单的HTML示例代码。

<!doctype>声明定义文档类型，必须是HTML文档的第一行，位于<html>标签之前。<!doctype>声明不是HTML标签，是用来声明要使用什么风格的HTML（或XHTML）。doctype使浏览器知道应该如何处理文档，并且让验证器知道按照什么样的标准检查代码的语法。然后，用<html>标记标出实际代码的起始位置。HTML4和XHTML1当前都有3种风格：严格型、过渡型和框架型。

head元素用于定义文档的头部，它是所有头部元素的容器。<head>中的元素可以引用脚本、指示浏览器在哪里找到样式表，以及提供元信息等。文档的头部描述了文档的各种属性和信息，包括文档的标题、在Web中的位置，以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。一般使用下列标记。

1）title：定义文档标题。浏览器会以特殊的方式来使用标题，并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样，当把文档加入用户的链接列表或者收藏夹或书签列表时，标题将成为该文档链接的默认名称。

2）style：定义文档内容样式表，也可用link（定义资源引用）链接外部样式。

3）script：用于定义脚本语言。既可以包含脚本语句，也可以通过src属性指向外部脚本文件。

4）base：定义页面中所有链接的基准URL。

5）meta：可提供有关页面的元信息（Meta-information），比如针对搜索引擎和更新频度的描述和关键词。<meta>标签的属性定义了与文档相关联的名称/值对，如显示字符集、开发工具、作者、网页关键字和网页描述等。这些定义的内容并不在网页中显示，但是一些搜索引擎可以检索这些信息。

meta也可以将用户重定向到另外一个地址，例如：

body元素用于定义文档的主体，body元素包含文档的所有内容（如文本、超链接、图像、表格和列表等）。

注释标签<!-- -->用于在HTML源码中插入注释。注释会被浏览器忽略。可以使用注释对程序代码进行解释，适当的注释对以后代码的阅读和维护将产生很大的帮助。

<h1>～<h6>标签可定义标题。<h1>定义最大的标题，<h6>定义最小的标题。由于h元素拥有确切的语义，因此应慎重地选择恰当的标签层级来构建文档的结构。因此，请不要利用标题标签来改变同一行中的字体大小。相反，应当使用层叠样式表定义来完成漂亮的显示效果。

<p>标签可定义一个段落。p元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，也可以在样式表中规定。

<br>标签可插入一个简单的换行符。<br>标签只是简单地开始新的一行，而当浏览器遇到<p>标签时，通常会在相邻的段落之间插入一些垂直的间距。

<hr>标签可在HTML页面中创建一条水平线。水平分隔线（Horizontal Rule）可以在视觉上将文档分隔成各个部分。

上一章目录下一章