<noscript> 仅在浏览器完全禁用 JavaScript 时渲染，不处理脚本加载失败或运行错误；必须置于 <body> 直接子元素中，仅支持静态 HTML，不可替代服务端直出与渐进增强。
noscript 标签只在 JS 被全局禁用时才渲染，不是脚本加载失败的兜底
它不响应 404.js、CSP 阻止、React hydrate 失败或运行时报错——只要浏览器的 JavaScript 引擎开着，<noscript> 就不会出现。真正触发它的只有两种情况：javascript.enabled = false（Firefox）、Chrome/Edge 设置里关闭 JavaScript，或使用 Lynx、部分无障碍阅读器等无 JS 环境。
常见误判是：上线后因 CDN 故障导致 <script src="app.js"> 加载失败，页面白屏，但用户看不到 <noscript> 提示。这种场景必须用 <script onerror> 或 document.addEventListener('error', ...) 捕获加载失败事件，而不是指望 <noscript>。
必须放在 <body> 中且作为直接子元素，否则用户根本看不到
<noscript> 在 <head> 中只能放 <link>、<style>、<meta>；写 <p> 或提示文字会触发解析错误，浏览器直接忽略。
- 错误写法：
<head><noscript><p>JS 已禁用</p></noscript></head>→ 用户看到白屏 - 更隐蔽的错误：
<script><noscript></noscript></script>→ 语法非法，整块被忽略 - 陷阱位置：
<div id="app"><noscript></noscript></div>→ JS 禁用后#app不渲染，<noscript>自然消失 - 推荐做法：放在
<body>开头，或紧贴核心功能区块外层，如<main>前、登录表单父容器之外
里面只能放纯 HTML 静态内容，不能补逻辑，只补信息
<noscript> 内容不参与 DOM 构建、不绑定事件、不触发样式计算（除非显式写 style 属性），也不影响可访问性评分。它只是静态文本区域，不是功能替代层。
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
立即学习“前端免费学习笔记（深入）”；
- 可用：
<form method="post" action="/login">、<a href="/contact">联系我们</a>、<img src="logo.png" alt="公司标识" width="120" height="40"> - 不可用：
<button onclick="location.href='/form'">（onclick在 JS 禁用时不执行）、<picture>（srcset无法计算）、带loading="lazy"的<img> - 安全做法：所有样式用内联
style，比如<div style="background:#ffebee;padding:12px;color:#c62828"> - 关键原则：里面的内容必须本身就能完成核心任务——比如查看正文、下载 PDF、跳转联系页，而不是“点击加载数据”这类依赖 JS 的描述
渐进增强不是靠 <noscript> 救火，而是服务端直出语义化 HTML
<noscript> 仅用于说明“当前为静态版本”，真正的健壮性来自结构设计：核心内容和服务端逻辑必须能脱离 JS 运行。
- 表单提交不能只靠
event.preventDefault() + fetch()，得有原生<form method="post" action="/submit"> - 导航不能只靠
onclick模拟跳转，<a href="/page">必须真实可访问 - CSR 框架（如 create-react-app 默认模式）中
<noscript>基本失效：JS 禁用 → 白屏 →<noscript>甚至没机会解析；Next.js/Nuxt 的 SSR 输出才有意义 - SEO 上别指望
<noscript>补救：Googlebot 已能执行 JS，把关键文案塞进去反而可能因重复被判定低质；可靠做法是服务端直出<h1>、<p>、<meta name="description">
最容易被忽略的一点：<noscript> 内容对屏幕阅读器用户并不友好——没语义、没键盘导航、没 alt 的 <img> 只会让体验更差。它不是可访问性补丁，而是最后的信息提示层。
