HTML无法通过标准语法声明适用浏览器或规范版本，应使用<meta name="description">添加人工说明；特性检测和构建时降级比版本标注更可靠。
HTML文档怎么声明适用的浏览器或规范版本
HTML本身没有标准语法来标注“本页适用于Chrome 120+”或“遵循HTML5.2草案”，所谓“适用于XX版本”的提示是开发者自定义的说明，不是浏览器识别的元信息。浏览器只认 <!DOCTYPE> 和 <meta> 中有明确规范定义的字段。
用 <meta name="description"> 加人工说明最稳妥
这是实际项目中最常用、最安全的做法：把适用范围写进描述性元标签里，既不影响解析，又方便人工查阅或工具提取。
- 不干扰页面渲染和SEO，所有浏览器都忽略未知
name值，但description是通用字段，兼容性极好 - 内容可被构建工具、文档生成器（如Docute、VuePress）自动抓取，适合配套文档体系
- 避免用
name="compatible"或name="target"——这些不是标准字段，不同工具解析不一致，容易失效
示例：
<meta name="description" content="适用于 Safari 16.4+ 和 Chrome 122+；依赖 IntersectionObserver API">
别在 <meta http-equiv> 里硬塞兼容性声明
http-equiv 是用来模拟HTTP响应头的，比如Content-Type或Refresh。强行用它声明“适用版本”，浏览器不会解析，还可能触发意外行为。
立即学习“前端免费学习笔记（深入）”；
-
<meta http-equiv="X-UA-Compatible" content="IE=edge">是IE时代遗留，现代HTML5中已无意义，且对Chrome/Firefox/Safari完全无效 - 写
http-equiv="Target-Browser"这类自定义值，HTML验证器会警告，部分构建工具会过滤掉 - 想控制加载行为？用
<script>做特性检测比依赖版本号靠谱得多
真正影响运行效果的是特性检测，不是版本标注
标注“适用于Chrome 120+”解决不了问题；用户用Chrome 121打开却因缺少Popover API而报错，就是因为版本号 ≠ 特性可用性。
- 优先用
'loading' in HTMLImageElement.prototype这类原生属性检测，而不是navigator.userAgent.includes('Chrome/120') - 构建时可通过Babel +
@babel/preset-env按目标环境自动降级语法，比手写版本提示更可靠 - 如果必须提示用户，用JS动态判断后插入提示文案，比静态HTML标注更有实际作用
比如检查ResizeObserver是否可用：
if (!('ResizeObserver' in window)) { document.body.insertAdjacentHTML('beforeend', '<div class="warning">需 Chrome 64+ 或 Firefox 69+</div>'); }
版本标注本质是辅助信息，不是执行逻辑。真正要花时间的地方，是搞清哪些API在哪些环境下不可用，以及怎么平滑降级——而不是纠结怎么在<head>里写得更“规范”。
