免费AI编程助手
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 元素。
更多建议：