头部(即 `<head>` 标签包裹部分)

浏览器的头部包含了一些元数据，这些元数据描述了文档的基本信息，例如文档的标题、字符编码、viewport 等。

头部即 <head> 标签，它包含了文档的元数据，例如文档的标题、字符编码、viewport 等。

例如：

html

<head>
  <title>文档标题</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

其中，

<title> 标签用于设置文档的标题，显示在浏览器的标题栏或标签页上。
<meta charset="UTF-8"> 标签用于指定文档的字符编码为 UTF-8，确保文档能够正确显示中文字符等特殊字符。
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 标签用于设置文档的视口（viewport），确保在移动设备上能够正确显示页面。

title

title标签定义了不同文档的标题，在 HTML/XHTML 文档中是必需的

当网页添加到收藏夹时，显示在收藏夹中的标题
显示在搜索引擎结果页面的标题

link

定义文档与外部资源之间的关系，例如引入外部的 CSS 样式表、JavaScript 文件等

<link rel="stylesheet" type="text/css" href="style.css"> 标签用于引入外部的 CSS 样式表，用于定义文档的样式

meta

meta标签描述了一些基本的元数据，不显示在页面上，但会被浏览器解析，通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。

name属性：指定元数据的名称，例如"description"、"keywords"等。
content属性：指定元数据的内容，例如网页的描述、关键词、最后修改时间等。

html

<!-- 关键词 -->
<meta name="keywords" content="HTML, 网页, 示例">
<!-- 描述 -->
<meta name="description" content="这是一个示例网页">
<!-- 作者 -->
<meta name="author" content="张三">
<!-- 最后修改时间 -->
<meta name="last-modified" content="2023-08-01">
<!-- 每30秒刷新一次。重载页面，用户能看到明显的刷新痕迹。不推荐使用，有其他更好的方式实现页面刷新 -->
<meta http-equiv="refresh" content="30">

style

定义文档的样式，例如背景颜色、字体、间距等。

<style> 标签用于在文档中嵌入 CSS 样式，用于定义文档的样式。例如：
html
```
<style>
  body {
    background-color: lightblue;
  }
</style>
```

base

<base> 标签用于设置文档的基准 URL，用于解析相对 URL。例如：
html
```
<base href="https://www.example.com/">
```

头部(即 <head> 标签包裹部分) ​

title ​

link ​

meta ​

style ​

base ​