HTML 头部

HTML <head> 元素
<head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。
以下标签都可以添加到 head 部分：<title>、<base>、<link>、<meta>、<script> 以及 <style>。

HTML <title> 元素
<title> 标签定义文档的标题。
<title> 元素能够：

定义浏览器工具栏中的标题
提供页面被添加到收藏夹时显示的标题
显示在搜索引擎结果中的页面标题

HTML <link> 元素
<link> 标签定义文档与外部资源之间的关系。
<link> 标签最常用于链接样式表。

1、文档的标题

<title> 定义文档的标题。

2、所有链接一个目标

使用 base 标签使页面中的所有标签在新窗口中打开。

<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <meta http-equiv="Content-Language" content="zh-cn" />
    <base target="_blank" />
</head>

<body>
    <p>
        <a href="http://www.w3school.com.cn" target="_blank">这个连接</a> 将在新窗口中加载，因为 target 属性被设置为 "_blank"。
    </p>

    <p>
        <a href="http://www.w3school.com.cn">这个连接</a> 也将在新窗口中加载，即使没有 target 属性。
    </p>
</body>

</html>

3、文档描述

使用 <meta> 元素来描述文档。

<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <meta name="author" content="w3school.com.cn" />
    <meta name="revised" content="SWB,4/18/2017">
    <meta name="generator" content="Dreamweaver 8.0en">
    <base target="_blank" />
</head>

<body>
    <p>本文档的 meta 属性标识了创作者和编辑软件。</p>
</body>

</html>

4、文档关键词

使用 <meta> 元素来定义文档的关键词。

<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <meta name="description" content="HTML examples" />
    <meta name="keywords" content="HTML, DHTML, CSS, XML, XHTML, JavaScript, VBScript">
</head>

<body>
    <p>本文档的 meta 属性描述了该文档和它的关键词。</p>
</body>

</html>

5、重定向用户

自动跳转到新的网址。

<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <meta http-equiv="Refresh" content="5;url=https://www.baidu.com/" />
</head>

<body>
    <p>
        对不起。我们已经搬家了。您的 URL 是 <a href="https://www.baidu.com/">https://www.baidu.com/</a>
    </p>

    <p>您将在 5 秒内被重定向到新的地址。</p>

    <p>如果超过 5 秒后您仍然看到本消息，请点击上面的链接。</p>
</body>

</html>