<noscript>仅在浏览器明确禁用JavaScript时生效，用于展示静态降级内容；它不处理脚本错误、加载失败或框架hydrate失败等情况，且必须置于<head>或<body>合法位置，不可嵌套在<script>内。
noscript 标签只在脚本被禁用时生效
<noscript> 不是“脚本加载失败时的兜底”，而是浏览器明确检测到 JavaScript 被用户或策略禁用（例如浏览器设置中关闭 JS、某些企业安全策略、或启用了 NoScript 插件）时才渲染其内容。只要 javascript.enabled 为 false（Firefox）或对应开关关闭（Chrome/Edge 的 chrome://settings/content/javascript），<noscript> 内容就会显示；否则完全不解析、不参与 DOM 构建。
常见误用：把它当作网络请求失败、<script> 报错或模块加载超时的 fallback —— 这些场景下它不会触发。
必须放在 <head> 或 <body> 中的合法位置
HTML 规范要求 <noscript> 必须出现在文档流允许插入文本或块级元素的位置。这意味着：
- 在
<head>中，只能包含<link>、<style>、<meta>等元数据标签，不能放段落或按钮 - 在
<body>中，可放任意内联或块级内容，比如提示文字、静态链接、替代图片<img src="fallback.jpg"> - 不能放在
<script>内部、不能作为自闭合标签（<noscript/>无效）
错误示例：<script><noscript>...</noscript></script> —— 浏览器会直接忽略整个 <noscript> 块。
立即学习“前端免费学习笔记（深入）”；
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
与现代框架（React/Vue）配合需手动处理
单页应用（SPA）默认依赖 JS 渲染全部 UI，一旦 JS 被禁用，<noscript> 只能展示最基础的静态提示，无法还原路由状态或组件逻辑。此时需额外考虑：
- 服务端是否提供降级 HTML（如 SSR 输出的初始页面），而非纯空壳
<div id="root"></div> - 在
<body>开头或结尾添加有意义的降级内容，例如：<noscript><p>请启用 JavaScript 以使用完整功能。</p><a href="/basic-mode">访问简化版页面</a></noscript> - 避免在
<noscript>里写 JS 相关描述（如“点击按钮加载数据”），因为用户根本看不到按钮
注意：框架的 hydrate 过程失败 ≠ JS 被禁用，<noscript> 对这类错误无响应。
兼容性没问题，但别指望它解决所有可访问性问题
所有现代浏览器（Chrome/Firefox/Safari/Edge）都支持 <noscript>，包括移动端。但它只解决“JS 关闭”这一种情况，对以下场景完全无效：
- 屏幕阅读器用户未禁用 JS，但需要语义化结构（应靠 ARIA 和 proper HTML 标签）
- 慢网用户 JS 加载中空白期（需用 skeleton 或 defer 策略）
- JS 执行报错后页面卡死（需 try/catch + 错误边界，不是
<noscript>能覆盖）
真正关键的不是加了 <noscript>，而是你放在里面的内容是否真的能让禁用 JS 的人完成核心任务——比如查看文章、下载 PDF、联系客服。这点容易被忽略。
