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 元素。

版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《HTML 文档》
文章链接:https://zhuji.vsping.com/315187.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。