HTML 文档

<!DOCTYPE> 声明

Web 世界中存在许多不同的文档。只有了解文档的类型，浏览器才能正确地显示文档。

HTML 也有多个不同的版本，只有完全明白页面中使用的确切 HTML 版本，浏览器才能完全正确地显示出 HTML 页面。这就是 <!DOCTYPE> 的用处。

<!DOCTYPE> 不是 HTML 标签。它为浏览器提供一项信息（声明），即 HTML 是用什么版本编写的。

doctype 元素是唯一的，并且在它自己的类别中。

实例

带有 HTML5 DOCTYPE 的 HTML 文档：

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body>
The content of the document......
</body>

</html>

HTML 版本

从 Web 诞生早期至今，已经发展出多个 HTML 版本：

版本	年份
HTML	1991
HTML+	1993
HTML 2.0	1995
HTML 3.2	1997
HTML 4.01	1999
XHTML 1.0	2000
HTML5	2012
XHTML5	2013

常用的声明

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

html 元素

html 元素或根元素表示 HTML 的开始。

html 元素有一个 head 元素和一个 body 元素。

以下代码显示了正在使用的 html 元素。

<!DOCTYPE HTML>
<html>
...content and  elements omitted...
</html>

head 元素

head 元素包含文档的元数据。

在HTML中，元数据具有关于文档中的内容和标记的信息。它还包括脚本和对外部资源的引用，例如 CSS 样式表。

head 中的 title 元素必选的元素; 其他元数据元素是可选的。

以下代码显示了正在使用的 head 元素。

每个 HTML 文档都应该包含一个head元素，它必须包含一个title元素，如代码所示。

<!DOCTYPE HTML>
<html>
    <head>
       <title>Hello</title>
    </head>
</html>

元数据元素

元数据元素本身不是内容，但它们提供有关后续内容的信息。

元数据元素被添加到头元素。

body 元素

body 元素封装了 HTML 文档的内容，而 head 元素封装元数据和文档信息。

body 元素总是位于 head 元素之后它是 html 元素的第二个孩子。

HTML4中的body元素的属性:alink, background, bgcolor, link, margintop, marginbottom, marginleft, marginright, marginwidth, text, and vlink,都已过时。

这些属性的效果可以用CSS实现。

下面的代码显示了正在使用的 body 元素。

<!DOCTYPE HTML>
<html>
    <head>
       <title>Example</title>
    </head>
<body>
    <p>This is a test</p>
    <a href="http://www.w3cschool.cn">Visit  www.w3cschool.cn</a>
</body>
</html>

一个 p 元素和一个 a 元素添加到 body 元素。