meta标签不渲染内容但决定解析、SEO和移动端适配；charset必须唯一且置于head最前，用UTF-8；viewport是响应式硬性门槛；robots和description影响搜索可见性；og:和twitter:标签专用于社交分享。
meta 标签本身不渲染任何内容，但它决定浏览器怎么解析页面、搜索引擎怎么理解页面、移动端怎么显示页面——漏掉关键 meta，轻则文字乱码、页面缩放失常，重则被搜索引擎降权或移动端完全不可用。
charset 必须用 meta 声明，且只能出现一次
HTML5 规定：如果要用 meta 指定字符集，必须写成 <meta charset="UTF-8">，放在 <head> 最前面。它比 http-equiv="content-type" 更可靠，也更简洁。
- 写错位置（比如放在
<title>后面）可能导致部分浏览器解析失败 - 重复声明（如同时用
charset和http-equiv）会触发浏览器警告，某些旧版 Safari 会忽略后一个 - 不用 UTF-8 而用
gb2312或big5仅适用于纯中文/繁体老站，现代项目一律用UTF-8
viewport 是移动端适配的硬性门槛
没有 <meta name="viewport" content="width=device-width, initial-scale=1.0">，所有 CSS 媒体查询和 rem / vw 单位在 iOS Safari 和 Android Chrome 中都会失效——页面默认按 980px 宽度渲染，用户得双指放大才能看清。
-
user-scalable=no在 2026 年已不推荐：iOS 14+ 强制允许用户缩放，该参数会被忽略；Android 部分厂商浏览器直接无视 -
maximum-scale=1.0+user-scalable=no组合曾用于禁用缩放，但会损害可访问性，WCAG 2.1 明确反对 - 真要限制缩放，应改用 CSS 的
touch-action: manipulation配合 JS 拦截pinch事件，而非依赖meta
robots 和 description 直接影响 SEO 可见性
name="robots" 和 name="description" 不控制页面功能，但决定你的页面会不会出现在搜索结果第一页。
-
content="noindex, nofollow"会让搜索引擎彻底忽略该页，连内链权重都不传递——测试环境加这个没问题，上线前务必删掉 -
description内容长度建议控制在 120–160 字符，超出部分会被截断；不能堆砌关键词，否则可能被判定为 spam -
keywords已被主流搜索引擎（Google、Bing、百度）完全弃用，写不写对排名无影响，留着纯属占位置
Open Graph 和 Twitter Card 是分享链路的关键一环
微信、钉钉、微博、飞书等国内平台虽不认 og:，但 Facebook、LinkedIn、WhatsApp、Telegram 等仍强依赖 property="og:title" 这类标签。没配好，分享出去就是默认标题+乱码摘要+无图。
- 必须配齐
og:title、og:description、og:image三者，缺一不可；og:image必须是绝对 URL，且尺寸建议 ≥ 1200×630px - Twitter 使用
name="twitter:card"等独立属性，与og:并存不冲突，但不能混用（比如用og:image替代twitter:image） -
og:url应始终指向规范 URL（含https、无重复参数、带 trailing slash 与否需统一），否则分享链接可能被去重或跳转异常
真正容易被忽略的不是“该写哪些 meta”，而是“谁在读这些 meta”：浏览器只认 charset 和 viewport，搜索引擎只信 robots 和 description，社交平台只抓 og: 和 twitter:——它们互不兼容，也不能互相替代。
