HTML中的<meta>标签位于<head>部分，用于提供关于HTML文档的元数据。元数据是描述数据的数据，它不会直接显示在页面上，但对浏览器、搜索引擎和开发者工具等工具来说非常重要。以下是一些常用的<meta>标签及其用途：
-
字符集声明：
- 指定文档的字符编码，通常是UTF-8，确保文本正确显示。
html
<meta charset="UTF-8"> -
视口设置（响应式设计）：
- 控制视口的大小和比例，确保页面在移动设备上正确显示。
html
<meta name="viewport" content="width=device-width, initial-scale=1.0"> -
页面描述：
- 提供页面内容的简短描述，通常用于搜索引擎结果页面。
html
<meta name="description" content="这里是页面的描述内容"> -
关键词：
- 为搜索引擎优化（SEO）提供页面的关键词。
html
<meta name="keywords" content="关键词1, 关键词2, 关键词3"> -
作者：
- 指定页面的作者。
html
扫描二维码关注公众号，回复： 17489264 查看本文章
<meta name="author" content="作者名"> -
版权信息：
- 提供版权信息。
html
<meta name="copyright" content="版权信息"> -
搜索引擎优化：
- 控制搜索引擎如何索引页面。
html
<meta name="robots" content="index, follow">index允许搜索引擎索引页面。follow允许搜索引擎跟随页面上的链接。
-
页面过期时间（HTTP 1.1）：
- 控制页面在浏览器缓存中存储的时间。
html
<meta http-equiv="expires" content="Thu, 18 Dec 2023 12:00:00 GMT"> -
页面刷新（HTTP 1.1）：
- 设置页面在一定时间后刷新或跳转到另一个页面。
html
<meta http-equiv="refresh" content="5;url=http://www.example.com/">content属性中的数字表示秒数，url指定跳转的地址。
-
X-UA-Compatible（IE浏览器）：
- 控制页面使用哪个版本的IE渲染引擎。
html
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">IE=edge告诉IE使用最新的渲染引擎。chrome=1为旧版IE启用Chrome Frame插件。
<meta>标签非常灵活，可以通过name和content属性来定义各种元数据。正确使用<meta>标签可以提高页面的可访问性、兼容性和搜索引擎排名。