第 5 章 文档元数据相关元素

5.2 title

title元素位于head元素之中，用来标记整个 HTML 文档的标题或名称，title元素不得重复出现。

5.3 base

base元素位于head元素之中，通过href属性设定文档基准 URL、通过target属性设定文档中所有超级链接的默认打开方式。 如：

<!DOCTYPE html>
<html>
    <head>
        <title>This is an example for the <base> element</title>
        <base href="http://www.example.com/news/index.html">
    </head>
    <body>
        <p>Visit the <a href="archives.html">archives</a>.</p>
    </body>
</html>

上例中base元素href的值必须为绝对地址。p 元素中的超级链接最终实际地址为：

 "http://www.example.com/news/archives.html"

以下代码将使得网页中超级链接的打开方式设定为新建窗口打开：

<!DOCTYPE html>
<html>
    <head>
        <title>This is an example for the &lt;base&gt; element</title>

        <base target="_blank" />
    </head>
    <body>
        <p>Visit the <a href="http://www.baidu.com">archives</a>.</p>
        <p>Visit the <a href="http://www.baidu.com" target="_self">archives</a>.</p>
    </body>
</html>

上例中的第一个超级链接将在新建窗口打开，第二个超级链接将在自身窗口打开。

5.5 meta

meta元素用来标记不能被title、base、link、style 和 script元素标记的其他各种元数据，如网页关键词、版权信息、页面编码信息等等，最常见的是通过meta元素设定页面的编码信息：

<meta charset="UTF-8">

字符编码是一项极为复杂的主题，字符编码指示文件将显示什么字符，在选择一种字符编码之前，必须确保所使用的文本编辑器能够使用这种编码方式保存文档（Sunlime Text 编辑器的默认编码方式就是 UTF-8）。Unicode 是一种表示所有字母和符号的可靠方式，Unicode 目前支持超过 99000 个字符！

meta元素除了拥有全局性属性外，还可设定name、http-equiv、content值。

<!DOCTYPE html>
<html lang="zh">
<head>
  <!-- 指定页面编码方式 -->
  <meta charset="utf-8">
  <!-- 设定浏览器使用最新内核 -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!-- 设定 HTML 文档的关键词 -->
  <meta name="keywords" content="HTML5 技术">
  <!-- 设定 HTML 文档的描述信息 -->
  <meta name="description" content="HTML5 技术学习及练习">
  <!-- 设定文档每隔 3 秒自动刷新频率 -->
  <meta http-equiv="Refresh" content="3">
  <!-- 设定文档在 1 秒后跳转到指定网址 -->
  <meta http-equiv="Refresh" content="1; URL=page4.html">
  <title>meta 元素实例</title>
</head>
<body>

</body>
</html>

5.6 style

style元素是head元素的子元素，用来设定 HTML 文档的内部样式表。

<!DOCTYPE html>
<html lang="en-US">
 <head>
  <title>My favorite book</title>
  <style>
   body { color: black; background: white; }
  </style>
 </head>
 <body>
  <p>My <em>favorite</em> book of all time has <em>got</em> to be
  <cite>A Cat's Life</cite>. It is a book by P. Rahmel that talks
  about the <i lang="la">Felis Catus</i> in modern human society.</p>
 </body>
</html>