Meta 标签详解

<meta> 标签用于提供网页的元数据（metadata），这些信息不会直接显示在页面上，但对搜索引擎优化（SEO）、网页兼容性、移动端适配等至关重要。

1. 设置字符编码

html

<meta charset="UTF-8" />

定义网页的字符集，UTF-8 是国际通用编码，支持多种语言，推荐默认使用。

html

<meta
  name="description"
  content="这是一个 HTML 教程，适合初学者学习网页开发基础。"
/>
<meta name="keywords" content="HTML, 教程, 网页设计, 前端" />

html

<meta name="author" content="张三" />

可声明网页的作者信息。

html

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

设置移动设备下的布局宽度，常用于响应式网页设计。

html

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

用于禁止搜索引擎收录本页内容。

html

<meta http-equiv="refresh" content="5;url=https://example.com" />

表示页面在 5 秒后跳转至指定链接。

html

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

提示 IE 浏览器使用最新的渲染引擎。

<meta> 标签虽不直接影响页面可见内容，却是构建优质网页不可或缺的一环。