考察点：移动端适配、SEO、字符集、HTTP 模拟
<meta> 标签提供了关于 HTML 文档的元数据，不会显示在页面上，但对浏览器和搜索引擎至关重要。
常见的用法包括：
- 字符集声明：
<meta charset="UTF-8">。必须放在 head 的最前面，防止页面出现乱码。 - Viewport 设置：
<meta name="viewport" content="width=device-width, initial-scale=1.0">。width=device-width：让布局视口宽度等于设备屏幕宽度。initial-scale=1.0：初始缩放比例为 1。- 这是移动端响应式开发的基石，如果没有它，手机浏览器会默认以 980px（或其他宽桌面宽度）渲染页面，然后缩小展示，导致字体过小。
- SEO 相关：
<meta name="description" content="...">提供页面描述，<meta name="keywords" content="...">（现在搜索引擎已基本忽略 keywords，但 description 仍重要）。 - HTTP -equiv 模拟：如
<meta http-equiv="X-UA-Compatible" content="IE=edge">强制 IE 使用最新内核，或者设置缓存策略Cache-Control。
在移动端开发中，Viewport 的设置是必须的。此外，现在还有一些针对 PWA 的 meta 标签，如 theme-color，用于定制浏览器地址栏颜色。