object标签仅适用于PDF嵌入、SVG内联fallback及极少数type强校验遗留系统；其他用途因浏览器移除底层支持而失效；PDF嵌入需同时满足data可访问、type为application/pdf、响应头含Content-Type: application/pdf三条件。
object 标签现在只在极少数场景下真正可用：PDF 嵌入、SVG 内联 fallback、极个别需 type 强校验的遗留系统。其他用途（Flash、Java、音视频、通用 HTML 嵌套）基本失效，不是写法问题，而是浏览器已移除底层支持。
PDF 嵌入必须满足三个硬条件
写对 <object> 标签不等于能显示 PDF——90% 的失败源于服务端或路径配置偏差：
-
data必须指向可访问的 PDF 文件 URL（如"./docs/guide.pdf"），且该路径返回 HTTP 200 状态码；本地用file://协议时，Firefox 可能跳过type校验，建议用http://localhost启服务测试 -
type必须严格为"application/pdf"；写成"pdf"、"text/pdf"或留空，浏览器直接跳过渲染，走 fallback - 服务器响应头必须包含
Content-Type: application/pdf；若返回text/plain或缺失该头，Chrome/Firefox 会下载文件或显示空白 - 加
typemustmatch属性可强制校验响应头与type是否一致，避免“返回 HTML 却当 PDF 解析”的错位风险
示例：
<object data="report.pdf" type="application/pdf" typemustmatch style="width:100%; height:600px;"> <p>PDF 加载失败，请点击下载。</p> </object>
嵌入 HTML 页面时 object 不如 iframe 可靠
虽然 <object data="page.html" type="text/html"> 在部分浏览器中能加载 HTML，但行为差异大、限制多：
立即学习“前端免费学习笔记（深入）”；
- Safari 和新版 Chrome 对
object加载本地 HTML 文件有额外限制，常白屏且无错误提示 - 跨域时，
object不支持sandbox属性，无法像<iframe>那样精细控制脚本、表单等权限 - 即使加载成功，嵌入页内的相对路径、CSS 作用域、事件冒泡等行为不如
iframe隔离清晰 - 若目标 HTML 含
<script>，object不执行；而iframe天然支持完整运行环境
结论：嵌入外部 HTML 页面，请无条件选 <iframe src="page.html">。
param 标签传参只对插件有效，但现在基本没用了
<param> 是 <object> 的子元素，用于向插件传递参数，但它依赖 NPAPI 插件宿主环境——而该环境已在 Chrome v45+、Firefox v52+、Edge v14+、Safari 中全部移除：
-
<object data="player.swf"><param name="flashvars" value="autoplay=1"></object>语法正确，但浏览器根本不会启动 Flash 宿主，param形同虚设 - 控制台通常不报错，页面就是空白或直接 fallback；这不是你漏写了
param，是底层没了 - PDF 和 SVG 场景中，
param完全无效——它们不接收参数，只依赖data和type
如果你还在调试 param，大概率是在浪费时间。需要传参的场景，请改用 <iframe> + URL query string，或用 JavaScript 动态注入。
SVG fallback 场景下 object 仍有不可替代性
当你要内联 SVG 并提供图片降级（比如兼容不支持 SVG 的旧 IE），<object> 是少数能同时满足「内联渲染」「类型校验」「fallback 可控」三要素的方案：
-
type="image/svg+xml"能触发浏览器对 MIME 类型的校验，比<img src="chart.svg">更可靠 - fallback 内容（如
<img src="chart-fallback.png">）位于标签内部，语义清晰，可访问性友好 - 相比
<embed>或<iframe>，<object>允许 SVG 内部 DOM 被 JS 访问（需同源）
示例：
<object data="chart.svg" type="image/svg+xml" width="600" height="400"> <img src="chart-fallback.png" alt="柱状图替代图"> </object>
注意：这个优势仅在需要 fallback 且需保持内联交互能力时才成立；纯展示 SVG，<img> 更轻量。
