Meta 标签

<meta> 标签提供关于 HTML 文档的元数据。它不会显示为页面内容，但对于浏览器或搜索引擎来说，这些信息是有用的。

字符集声明:

1. 属性: charset
2. 描述: 指定文档应使用的字符编码。
3. 示例

`<meta charset="UTF-8" />`

视窗（Viewport）设置:

1. 属性: name="viewport"
2. 描述: 用于控制页面在移动设备上的显示。
3. 常用值:
   1. width=device-width: 设置页面宽度为设备屏幕宽度。
   2. initial-scale=1: 初始缩放级别。
4. 示例

`<meta name="viewport" content="width=device-width, initial-scale=1.0" />`

页面描述:

1. 属性: name="description"
2. 描述: 提供网页的简短描述，对于搜索引擎优化（SEO）有帮助。
3. 示例

`<meta name="description" content="这是一个示例网页描述。" />`

作者信息:

1. 属性: name="author"
2. 描述: 指定文档的作者。
3. 示例

`<meta name="author" content="John Doe" />`

禁止搜索引擎索引:

1. 属性: name="robots"
2. 描述: 指示搜索引擎是否应该索引页面或跟随页面上的链接。
3. 常用值:
   1. noindex: 不索引此页面。
   2. nofollow: 不跟随此页面的链接。
4. 示例

`<meta name="robots" content="noindex, nofollow" />`

页面刷新和重定向:

1. 属性: http-equiv="refresh"
2. 描述: 在指定的时间后刷新页面或将用户重定向到另一个页面。
3. 示例
   1. 刷新页面：<meta http-equiv="refresh" content="5"> (5 秒后刷新)
   2. 重定向到其他页面：<meta http-equiv="refresh" content="5;url=https://example.com"> (5 秒后重定向)

指定文档的兼容模式:

1. 属性: http-equiv="X-UA-Compatible"
2. 描述: 指定 Internet Explorer 使用哪个版本的渲染引擎。
3. 示例

`<meta http-equiv="X-UA-Compatible" content="IE=edge" />`