网站制作、发布与维护技术实战最新章节_王刚著

4.1　认识HTML文档的结构

HTML文档由很多的标签和元素组成，自从HTML创建以来，已经经历了很多个版本，目前最新版本的HTML文档结构与早期的HTML文档机构在元素种类和书写规范上都有了很大的变化。

4.1.1　什么是HTML

HTML（Hyper Text Mark-up Language）即超文本标记语言，是WWW的描述语言，由Tim Berners-lee提出。HTML语言最初的设计目的是将多台电脑中的文本或图形联系在一起，这样只需要在任何一台电脑上打开一个文档，就可以获取多台电脑中的资源，而这些资源可以保存在网络中的任何一台电脑中。

HTML不是一种编程语言，而是一种标记语言，它通过一整套标记标签来描述网页，HTML标签可以描述文字、图形、动画、声音、表格、链接等多种形式的内容。

4.1.2　HTML版本历史

HTML版本的历史可以追溯至1993年6月，当时作为互联网工程工作小组的工作草案发布了第一版非标准的超文本标记语言，后来又分别在1995年1月和1996年1月发布了HTML 2.0和HTML 3.0，之后又于1997年12月18日由W3C推荐了HTML 4.0，于1999年12月24日由W3C推荐了HTML 4.01，直到2008年1月22日，才公布了HTML 5的第一份正式草案，目前HTML 5仍在继续完善中。

4.1.3　HTML标签

HTML标签是HTML语言中最重要的组成部分，它由两个尖括号组成。通常情况下，HTML标签都是成对出现的，第1个出现的标签称为开始标签，第2个出现的标签称为结束标签，第2个标签会有一个结束标记，如</html>中的斜杠。某些情况下，部分HTML标签本身既是开始标签也是结束标签，如<br/>标签。下面介绍几种常见的HTML标签。

1．文档类型声明标签<!DOCTYPE>

DOCTYPE是文档类型（Document Type）的缩写，<!DOCTYPE>用于声明一个页面的文档类型定义（Document Type Declaration，DTD）。该标签位于文档中最前面的位置，通过确认页面的文档类型定义，可以同时确定页面使用哪种W3C规范。

2．<html>标签

<html>标签用于告诉浏览器它自身是一个HTML文档。<html>和</html>标签限定了文档的开始点和结束点，在他们之间是文档的头部和主体。

3．<head>标签

<head>标签紧跟着<html>标签，用于定义文档的头部。<head>标签中可以包含<base>、<link>、<meta>、<script>、<style>和<title>标签，由这些标签组成的元素可以引用脚本、指示浏览器在哪里使用到样式表和提供元信息等。

4．<title>标签

<title>标签是<head>标签中唯一要求包含的东西，用于在浏览器中使用标题，最常见的是显示在浏览器标签页中的标题，另外在链接列表和收藏夹书签列表中都可以看到<title>标签的身影。

5．<body>标签

<body>标签用于定义文档的主体，HTML中绝大多数标签以及元素都会在body元素中呈现，例如文本、超链接、图像、表格和列表等等。

6．<meta>标签

以上这些标签都是HTML页面中最基本的标签，每个HTML页面都应该具有这些标签。例如，通过Dreamweaver新建一个HTML页面，切换到代码视图，可以看到Dreamweaver已经为我们自动创建了这些最基本的标签。

在实际的项目中，网页中不仅需要具有这些基本标签，根据网站设计以及网站推广的需要，部分标签还会重复使用。例如，以下是新浪某博客网页中的部分代码，有兴趣的同学还可以通过使用浏览器查看网页源码的方式浏览到其他网页的HTML标签。

4.1.4　HTML元素

HTML元素是指从开始标签到结束标签的所有代码。大部分的HTML元素都有开始标签和结束标签，开始标签和结束标签之间的内容称为元素的内容。元素的内容可以为空，在开始标签中使用斜杠结束标签，大多数的HTML元素都拥有属性。

例如下面这段代码：

这段代码由<body>、<h2>、<hr/>、<ul>和<li>这些标签组成，body元素作为主体，其他的元素都嵌套在body元素开始标签和结束标签的内部，作为body元素的内容。h2元素表示元素的标题。<hr/>元素的内容为空，用于创建一条水平线，所以在开始标签中直接使用结束标签。ul和li元素用于表示列表，分别由对应的开始标签和结束标签组成，li元素作为ul元素的内容，而文字“项目”作为li元素的内容。

HTML元素有很多，在本书的讲解中，我们将逐步介绍一些常用元素的使用方法。HTML元素按功能类别排列，可以分为以下几种。

（1）基础的元素，表4.1列出了一些常用的基础元素。

表4.1