HTML文档结构

时间:2020-01-09 10:34:37  来源:igfitidea点击:

在本文中,我们将介绍基本的HTML文档结构。这是一个示例HTML文档:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>Page Title</title>
</head>
<body>
    Visible Page Content
</body>
</html>

每个HTML文档(页面)都应包含一个文档类型声明以及一个<html>,<head>,<title>和<body>元素。以下各节将对这些元素进行说明。

文件类型

doctype声明必须位于文档的顶部。 doctype不是HTML元素,即使看起来有点像。 doctype告诉浏览器文档中使用的HTML版本。这是HTML4文档的doctype声明示例:

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

如果我们计划使用HTML5文档中的HTML4元素,则无需了解HTML4文档类型的不同部分。 HTML5 doctype看起来像这样:

<!DOCTYPE html>

doctype声明实际上是可选的。如果不加以考虑,浏览器将尝试猜测我们使用的HTML版本。

html元素

<html>元素标记HTML文档的开头和结尾。所有HTML内容都必须在开始和结束标记(<html> ... </ html>)之内。

标题和标题元素

<head>元素包含浏览器中未显示的所有页面信息。例如,<title>元素,元标记和更多元素,将在本教程的后续文章中介绍。

<title>元素包含页面标题,该标题将显示在Web浏览器的标题栏中。标题应该与HTML页面的内容匹配,这意味着它应该告诉页面包含的内容。可以为每个HTML页面分别定义<title>元素。

这是一个示例<head>元素,其中嵌入了<title>元素:

<head><title>Page Title</title></head>

<head>和<title>元素实际上是可选的。如果在具体HTML页面中更有意义,则可以忽略它们。

body元素

<body>元素包含可见的页面内容。它可以包含文本,图像,图形,表格,表格等。本教程中的以下文本将描述<body>元素中使用的最常见HTML元素。