超文本标记语言/头部和主体

HTML 文件分为两个基本部分：头部和主体，每个部分由各自的标签标记。因此，HTML 文档的基本结构如下

<!DOCTYPE html>
<html lang="...">
   <head>
        ...
   </head>
   <body>
        ...
   </body>
</html>

The HEAD 元素

HTML 文档头部部分的所有数据都被认为是“元数据”，意思是“关于数据的数据”。本节中的信息通常不会直接显示。而是像 style 这样的元素会影响文档中其他元素的外观。头部部分的一些项目可能会被搜索引擎等程序用来了解页面，以便于参考。

head 元素应该始终包含一个 title 元素，该元素设置通常由 Web 浏览器在窗口标题栏中显示的标题。以下是用 title 元素的示例

<head>
   <title>This is the Title</title>
</head>

头部部分只能有一个 title。

head 元素中可以包含任意数量的以下元素

style: 用于在文档中嵌入样式规则。在大多数情况下，希望在多个网页上保持一致的外观，因此样式是在一个单独的样式表文件中指定的，该文件使用 link 元素链接。因此，当样式仅适用于当前页面时，它将在头部中使用。

link

用于将页面链接到各种外部文件，例如样式表或页面的 RSS Feed 位置。链接类型使用 rel 属性设置。type 属性指定 href 属性给出的位置处的文档的MIME 类型。这使浏览器能够忽略它不支持的 MIME 类型的链接。例子

<link rel="stylesheet" type="text/css" href="style.css">

<link rel="alternate" type="application/rss+xml" href="rss.aspx" title="RSS 2.0">

script: 用于链接到外部 Javascript 文件或在页面中嵌入 Javascript。尽管许多示例为了简单起见嵌入了脚本，但在实际 Web 页面中链接到外部文件是首选技术。

meta

用于设置 HTML 文档的附加元数据属性，例如相关关键字等。例子

<meta charset="utf-8">

<meta name="keywords" content="web, HTML, markup, hypertext">

object: 嵌入通用对象。此元素通常不用于头部，而是用于主体部分。

还可能存在单个 base 元素。此元素设置用于解析相对URI 的基本URI。很少需要使用此元素。

The TITLE 元素

title 元素包含您的文档标题，并在全局范围内标识其内容。标题通常显示在浏览器窗口顶部的标题栏中。
它也显示在浏览器的书签列表中。
标题也用于识别您的页面以供搜索引擎使用。
示例： <html> <head> <title>Some Amazing Web Page</title> </head> </html>

The BODY 元素

与 head 元素不同，放置在 <body> 标签之间的任何纯文本都将由浏览器在网页上显示。

要避免的内容。以下示例是不好的做法

<body text='black' link='red' alink='pink' vlink='blue'
      bgcolor='#DDDDDD' background='wallpaper.gif'>
   ...
</body>

当前标准是 HTML5，text、link、alink、vlink、bgcolor 和 background 属性早就弃用了。您可能会在旧文件中找到它们，但现在不应该使用它们。它们已被下面的 CSS 规则取代（使用这些规则将在后面的章节中讨论超文本标记语言/CSS）。先前示例中的值已用作这些规则中的示例。

text: body { color:black }
bgcolor: body { background-color:#DDDDDD }
background: body { background-image: url(wallpaper.gif) }
link: a:link { color:red }
alink: a:active { color:pink }（活动链接是指正在点击或具有键盘焦点的链接）
vlink: a:visited { color:blue }
hover（不是 HTML 属性）: a:hover { color:green }（'hover' 是鼠标指针悬停在链接上的样式）