fallback内容必须是合法html元素（如、），不可为纯文本或注释；需提供等效信息、支持可访问性（如lang属性、语义化标签），且仅在http失败或mime不匹配时触发。
object标签里 fallback 内容必须是合法 HTML，不能只写文字
很多人以为在 <object></object> 里写个“加载失败”就行，结果发现屏幕阅读器不读、搜索引擎不索引、甚至某些浏览器直接跳过。fallback 区域不是注释，而是真实参与 DOM 渲染的子内容，必须是结构完整、可访问的 HTML。
常见错误现象：<object data="chart.svg">图表加载失败</object> —— 这段纯文本不会被读屏识别，也不支持键盘导航。
- fallback 必须包裹在合法标签内，推荐用
<p></p>、<div> 或带语义的 <code><section></section> - 如果是数据类资源（如 PDF 图表），fallback 应提供等效信息：摘要文字、关键数据表格、或带链接的下载按钮
- 若 fallback 含文本，记得加
lang属性，例如<p lang="zh-CN">2024年Q1销售数据详见下方表格</p>，否则读屏可能按默认语言发音 -
data必须是可访问的 URL，且服务器返回的Content-Type必须为application/pdf（不是text/plain或application/octet-stream） -
type不能省略，也不能写成"pdf"、"application/x-pdf"等非标准值 - 加
typemustmatch属性可强制校验，避免服务端返回 HTML 错误页却被当 PDF 渲染 - 本地用
file://协议时，Firefox 可能忽略type，建议始终用http://localhost启服务测试 - fallback 区域要提供文字描述，比如
<p>警告图标：剩余电量低于 10%</p> - 如果 fallback 是空的，而你又控制 SVG 源文件，就在 SVG 根元素加
role="img"和aria-label，例如：<svg role="img" aria-label="警告：剩余电量不足10%" viewbox="0 0 24 24"></svg> - 不要在
<object></object>上同时写aria-label和放 SVG，因为 SVG 的aria-label才会被读取，外层的会被忽略 -
data必须同源，跨域会触发 CORS 错误，且无onerror可捕获（该事件对<object></object>加载 HTML 几乎不触发） - fallback 内容不应只是“请启用 JavaScript”，而应提供核心信息的静态副本，比如协议关键条款的文字摘要
- 避免设
width/height为固定像素值，改用 CSS 百分比 +aspect-ratio更健壮
PDF 嵌入时 type 和 data 不匹配，fallback 就会静默触发
<object></object> 加载 PDF 失败，90% 是因为 type 和服务端响应头不一致，而不是路径错了。浏览器看到 type="application/pdf"，就会严格校验 HTTP 响应头里的 Content-Type；不匹配就直接进 fallback，连控制台警告都可能没有。
使用场景：本地开发调试、Nginx Proxy Manager 反向代理后端 PDF 服务、CDN 托管静态 PDF 文件。
SVG 嵌入时别漏掉 role="img" 和 aria-label
<object></object> 加载 SVG 时，它内部的 SVG 文档是独立上下文，父页面的 alt 属性完全无效——<object></object> 标签本身不支持 alt。如果没做可访问性处理，视障用户根本不知道这个图标或图表是什么。
正确做法不是给 <object></object> 加 aria-label，而是确保 fallback 内容可读，或让内嵌 SVG 自身具备语义。
嵌入 HTML 页面时 type="text/html" 是显式必需的
用 <object></object> 加载另一个 HTML 文件（如仪表板片段、协议页），不写 type="text/html"，Chrome 和 Safari 很可能直接下载该文件，而不是渲染它。这不是 bug，是浏览器对未知 type 的保守策略。
性能与兼容性影响：Safari 对 object 加载 HTML 的支持一直较弱，部分版本会阻塞主页面解析；Edge 和 Firefox 表现相对稳定，但仍建议配合 JS 检测回退到 <iframe></iframe>。
