<meta> 标签是 HTML 文档头部（<head> 部分）的重要元素，用于提供关于文档的元数据（metadata）。这些数据不会直接显示在页面上，但对浏览器、搜索引擎和其他服务非常重要。
常用属性
1. name 和 content 属性组合
这是最常用的 <meta> 标签形式，用于指定各种元数据类型：
html
<meta name="属性名称" content="属性值">常见 name 值：
viewport: 控制移动设备上的视口行为
html
<meta name="viewport" content="width=device-width, initial-scale=1.0">keywords: 网页关键词（搜索引擎优化）
html
<meta name="keywords" content="HTML, CSS, JavaScript, Web开发">description: 网页描述（搜索引擎优化）
html
<meta name="description" content="学习HTML、CSS和JavaScript的免费教程">author: 作者信息
html
<meta name="author" content="张三">robots: 指示搜索引擎如何索引页面
html
<meta name="robots" content="index, follow">
# 可选值：index/noindex, follow/nofollow, noarchive, nosnippet 等og:(Open Graph): 用于社交媒体分享
html
<meta name="og:title" content="页面标题">
<meta name="og:description" content="页面描述">
<meta name="og:image" content="图片URL">2. http-equiv 属性
模拟 HTTP 响应头字段：
html
<meta http-equiv="属性名" content="属性值">常见 http-equiv 值：
content-type: 指定字符编码（已过时，推荐使用<meta charset>）
html
<meta http-equiv="content-type" content="text/html; charset=UTF-8">X-UA-Compatible: 指定 IE 浏览器使用何种引擎渲染页面
html
<meta http-equiv="X-UA-Compatible" content="IE=edge">refresh: 页面自动刷新或重定向
html
<meta http-equiv="refresh" content="30"> <!-- 每30秒刷新 -->
<meta http-equiv="refresh" content="5; url=https://example.com"> <!-- 5秒后跳转 -->pragma: 防止缓存（已过时）
html
<meta http-equiv="pragma" content="no-cache">3. charset 属性
指定文档的字符编码（HTML5 新增）：
html
<meta charset="UTF-8">其他属性
scheme: 指定content属性的格式（很少使用）
html
<meta name="date" content="2023-01-01" scheme="YYYY-MM-DD">lang: 指定内容的语言（通常使用<html lang="">代替）
最佳实践
- 字符编码 ：始终在
<head>的最前面包含<meta charset="UTF-8"> - 视口设置：对于响应式设计，必须包含视口 meta 标签
- 描述：提供有意义的描述以提高 SEO
- 避免过时属性 ：如
http-equiv="content-type"已被<meta charset>取代
完整示例
html
<!DOCTYPE html>
<html lang="zh-CN">
<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标签, 元数据, SEO">
<meta name="author" content="Web开发教程">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Meta标签详解</title>
</head>
<body>
<!-- 页面内容 -->
</body>
</html><meta> 标签虽然不直接显示内容，但对网页的可访问性、SEO 和功能实现至关重要。