object标签本质是浏览器插件机制遗留接口，现代浏览器已基本停用flash、java applet等插件；data属性是唯一触发请求的开关，type仅参与mime协商，fallback仅在加载成功但无法渲染时生效。
object 标签不是“更高级的 img 或 iframe”，它本质是浏览器插件机制的遗留接口，现代浏览器已基本停用插件（Flash、Java Applet、ActiveX），所以它的行为和兼容性跟直觉差得远——别指望写对 data 和 type 就能稳稳显示。
data 属性：唯一触发加载的开关，但不保证成功
data 是唯一会让浏览器发起请求的属性。其他所有属性（包括 type）都不影响是否 fetch。
-
data为空字符串、空格、javascript:void(0)或非法 URL（如含未编码中文）→ 浏览器静默忽略，不发请求，也不显示 fallback 内容 -
data="report.pdf?name=张三"必须写成data="report.pdf?name=%E5%BC%A0%E4%B8%89"，否则部分浏览器截断请求或返回 400，且不触发 fallback -
data="file://local/doc.pdf"在所有现代浏览器中被默认阻止，控制台无报错，DOM 中该object节点处于“未激活”状态 - 相对路径如
data="assets/chart.svg"必须确保相对于当前 HTML 文档 URL 解析正确；漏掉./或误写为../wrong/chart.svg→ 404 → fallback 显示（前提是没被 CORS 阻断）
type 属性：只参与 MIME 协商，不决定是否加载
type 不触发请求，也不校验资源是否存在。它只在资源加载成功后，协助浏览器判断“用哪个内置处理器来渲染”。
- 服务端响应头里的
Content-Type才是最终判决依据。哪怕type="application/pdf"写对了，服务器返回Content-Type: text/plain→ Chrome 直接下载，不内嵌 -
type="image/svg"错写成image/svg+xml？不影响 SVG 渲染，只要响应头正确 - 空
type或缺失type不报错，但可能降低 fallback 触发概率：比如 PDF 服务端返回application/octet-stream，有type更容易匹配到 PDF 查看器 - IE 等旧浏览器会用
type判断是否调用 ActiveX，但现代浏览器已完全弃用该逻辑
fallback 内容：只在“加载成功但无法处理”时生效
这是最容易误解的一点：fallback 不是“data 失败时的备用方案”，而是“加载成功 + 响应可读 + 但浏览器不知道怎么渲染”的兜底。
-
data为空或非法 → 不发请求 → fallback 不显示 -
data指向 404 → 请求发出，收到 404 响应 → fallback 显示（注意：若跨域且服务端没配Access-Control-Allow-Origin，CORS 预检失败，控制台报错，fallback 也不显示） - PDF 加载成功、响应头
Content-Type: application/pdf，但用户禁用了 PDF 查看器 → fallback 显示 - 服务端返回
Content-Type: application/x-msdownload→ 浏览器识别为不可渲染类型 → fallback 显示 - fallback 可以是任意 HTML：
<p>请下载@#@#@#@#@#@#@#@#@#@0</p>，甚至嵌套一个<img>或<iframe></iframe>
width/height 与 typemustmatch：尺寸必须设，安全策略要留意
width 和 height 不是可选的视觉修饰——不设会导致大多数浏览器渲染出 300×150 像素的空白框，且无法通过 CSS 完全覆盖（尤其在 PDF 场景下）。
- 必须显式设置，单位可以是像素（
width="800"）或百分比（width="100%"），但百分比需父容器有明确高度（否则可能塌陷） -
typemustmatch是布尔属性，启用后要求type值必须与响应头Content-Type严格匹配，否则直接拒绝渲染（连 fallback 都不显示）。仅在需要强类型校验时使用，日常嵌入 PDF/SVG 建议不加 -
form是 HTML5 新增属性，允许object作为表单控件提交（例如上传控件集成），但实际支持度极低，目前仅 Firefox 有限支持，生产环境慎用
真正麻烦的从来不是语法，而是服务端响应头、跨域策略、浏览器内置处理器启禁状态这三者的组合。调试时优先打开 DevTools 的 Network 面板，盯住请求的 status、response headers 和 preview 标签页——object 的行为几乎全部由它们决定，而不是你写的 HTML 属性。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
