object标签的备用内容是原生降级机制，必须写在标签内且为可渲染内容（如<p>、<img>），type需匹配真实MIME类型，file://协议下可能失效，应部署于HTTP环境测试。
object 标签的备用内容不是可选功能，而是它原生、自动触发的降级机制——只要写在开始与结束标签之间，浏览器就会在加载失败时渲染它。
备用内容必须写在 object 标签内部，且不能是空或纯注释
浏览器只认「实际可渲染的子内容」：文字、<p>、<img>、<a> 都行；但 <!-- 注释 --> 或仅空格会被忽略，导致 fallback 失效。
- ✅ 正确：
<p>PDF 加载失败，请<a href="doc.pdf">下载</a></p> - ❌ 无效：
<!-- 备用提示 -->或<object> </object>（中间只有空格） - ⚠️ 注意：
<script>写在里面也不会执行，多数浏览器直接跳过
type 属性不匹配会直接触发备用内容
即使 data 资源存在且可访问，只要 type 声明错误（比如 PDF 文件却写 type="image/png"），浏览器会认为“类型不支持”，立刻回退到备用内容。
- 务必让
type与资源真实 MIME 类型一致：PDF 用application/pdf，SVG 用image/svg+xml，HTML 用text/html - 现代浏览器对
type的校验比旧版更严格，尤其配合typemustmatch属性时 - 本地开发时用
file://协议，部分浏览器（如 Safari）可能忽略type判断，导致 fallback 不触发——必须部署到 HTTP 服务上测试
嵌套 object 或 img 是合法且推荐的备用方案
备用内容本身可以是完整 HTML 片段，包括另一个 object、一张降级图、或带样式的提示块。这比纯文本更可控。
立即学习“前端免费学习笔记（深入）”；
- 常见组合：
<img src="fallback.jpg" alt="图表替代图"><p><a href="data.csv">下载原始数据</a></p> - 多层降级可行：外层
object加载 Flash，内部放一个加载 PDF 的object，再里面才是文字提示 - 不要依赖 CSS 隐藏/显示切换：备用内容是浏览器原生渲染，不是靠 JS 或样式控制显隐
最容易被忽略的是：备用内容的渲染完全由浏览器决定，没有加载状态回调，也不等 JS 初始化——所以别指望用 onload 或 onerror 来“补救”它；写对结构、配准 type、部署在 HTTP 环境下，才是让它真正起作用的全部条件。
