在 HTML 中，<meta> 标签用于提供关于 HTML 文档的元数据（metadata）。这些元数据通常不会显示在页面上，但可以被浏览器（如何显示内容或重新加载页面）和其他 Web 服务（如搜索引擎）使用。<meta> 标签通常放在 <head> 部分。
常见的 <meta> 标签属性
-
charset：指定字符集编码，通常用于确保网页正确显示各种字符。html<meta charset="UTF-8">这是 HTML5 中推荐的字符集声明方式，确保页面支持国际字符集.
-
name和content：用于指定文档的元信息。name="description"：描述网页的内容，通常用于搜索引擎优化（SEO）.html<meta name="description" content="这是一个关于 HTML meta 标签的示例页面。">name="keywords"：指定网页的关键词，用于搜索引擎优化.html<meta name="keywords" content="HTML, meta, tags, SEO">name="author"：指定网页的作者信息.html<meta name="author" content="John Doe">
-
http-equiv和content：用于模拟 HTTP 响应头，控制浏览器的行为.http-equiv="refresh"：设置页面自动刷新的时间间隔.html<meta http-equiv="refresh" content="5"> <!-- 页面每5秒刷新一次 -->http-equiv="content-type"：指定文档的 MIME 类型和字符集，HTML5 中通常用charset替代.html<meta http-equiv="content-type" content="text/html; charset=UTF-8">
-
viewport：用于控制移动设备上的页面缩放和布局.html<meta name="viewport" content="width=device-width, initial-scale=1.0">这个设置确保页面在移动设备上以适当的宽度显示，并且初始缩放比例为 1.0，通常用于响应式设计.
使用示例
以下是一个典型的 HTML 页面头部示例，展示了如何使用 <meta> 标签：
html
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="这是一个关于 HTML meta 标签的示例页面。"><meta name="keywords" content="HTML, meta, tags, SEO"><meta name="author" content="John Doe"><title>Meta Tags Example</title>
</head>
<body><!-- 页面内容 -->
</body>
</html>注意事项
- SEO 优化：合理使用
<meta>标签中的description和keywords可以帮助搜索引擎更好地理解页面内容，从而提高搜索引擎排名. - 移动设备支持：使用
viewport标签是响应式设计的重要组成部分，确保页面在不同设备上具有良好的用户体验. - 字符集声明：始终在
<head>部分的开头声明字符集，以避免字符编码问题.
通过合理使用 <meta> 标签，可以为网页提供重要的元信息，优化用户体验和搜索引擎排名.
