必须写的三个meta是charset、viewport、description：charset确保中文和emoji正常显示，viewport适配移动端，description影响搜索结果摘要；其他如http-equiv、keywords、author等已基本失效或应避免使用。
meta 标签不显示在页面上，但浏览器和搜索引擎全靠它“读懂”你的页面
它不是装饰，是网页的身份证和说明书。没有合理的 <meta>，页面可能乱码、移动端错位、搜索结果里没描述、甚至被缓存成旧版本。
必须写的三个 meta：charset、viewport、description
这三个不是“建议”，而是现代网页的事实标准，漏掉任何一个都可能引发具体问题：
-
<meta charset="UTF-8">：不写或写错（比如写成ISO-8859-1）会导致中文、emoji 显示为方块或问号，且无法通过 CSS 或 JS 修复 -
<meta name="viewport" content="width=device-width, initial-scale=1.0">：不写时，手机浏览器会按桌面宽度渲染，内容缩成一团，用户得双指放大才能看清 -
<meta name="description" content="...">：虽然不直接影响排名，但 Google 搜索结果页的摘要就来自这里；为空或堆砌关键词（如“SEO SEO 网站优化”）反而可能被降权展示
http-equiv 类 meta 容易误用，尤其 refresh 和 cache 控制
这类标签模拟 HTTP 响应头，但语义弱、优先级低、兼容性差，很多已被现代方案替代：
-
<meta http-equiv="refresh" content="5">：会打断用户操作，还可能被浏览器拦截；跳转逻辑请用window.location或服务端 302 -
<meta http-equiv="Pragma" content="no-cache">或Expires：无法可靠禁用缓存；真正要强制更新，请用版本化资源路径（如app.js?v=2.3.1）或服务端 Cache-Control 头 -
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">：功能与<meta charset="UTF-8">重复，且写法冗长易出错，直接删掉
keywords 和 author 这类 meta 已基本失效，别白费功夫
Google 自 2009 年起就明确表示不使用 name="keywords" 做排序依据；name="author" 对 SEO 零影响，连 Bing 也不读它：
立即学习“前端免费学习笔记（深入）”；
- 写满关键词的
content值不仅无用，还可能被判定为垃圾信号 - 想声明作者？用
<link rel="author" href="...">（已废弃）不如用结构化数据JSON-LD中的author字段更可靠 - 版权信息请放在页面底部 visible 文本中，机器可读的元数据价值远低于真实可见内容
<title></title> 之后、任何 <script></script> 或 <link> 之前——否则某些浏览器（尤其是旧版 Safari）可能在解析到 script 时就提前触发渲染，导致 charset 生效延迟，首屏闪动乱码。 
