object标签主要支持PDF（application/pdf）和SVG（image/svg+xml）等资源，依赖浏览器插件或内置解析能力，不推荐用于图片音视频等有更优替代方案的场景。
object 标签能加载哪些资源类型
<object> 是 HTML 中用于嵌入外部资源的通用容器，不是专为某一种格式设计的。它能加载的内容取决于浏览器支持的插件或内置解析能力，常见包括：
• PDF 文件（type="application/pdf"）
• SVG 图像（type="image/svg+xml"）
• Flash（已淘汰，现代浏览器不支持）
• Java applet（已弃用）
• 自定义 MIME 类型的二进制模块（极少见）
注意：<object> 对图片、音视频等有更优替代方案（如 <img>、<video>），强行用 <object> 反而容易出兼容问题。
基础写法与必需属性
最简可用的 <object> 必须带 data 属性，否则不会触发加载：
• data：指向资源 URL，必须是可访问路径（相对或绝对）
• type：建议显式声明 MIME 类型，否则浏览器靠文件扩展名或响应头推测，可能失败
• width 和 height：非必需但强烈建议设置，否则默认尺寸可能为 0×0，内容不可见
示例：
<object data="chart.svg" type="image/svg+xml" width="400" height="300"> <p>你的浏览器不支持 SVG 或无法加载该文件</p> </object>其中 fallback 内容（
<p>）只在加载失败或不支持时显示。
常见加载失败原因和排查点
如果 <object> 显示为空白或 fallback 文本，优先检查：
• 资源路径是否 404（打开浏览器开发者工具 Network 标签页确认）
• 服务器是否返回了正确的 Content-Type 响应头（例如 SVG 必须是 image/svg+xml，不是 text/plain）
• 是否被同源策略拦截（跨域资源需服务端配 Access-Control-Allow-Origin，且 <object> 不支持 crossorigin 属性）
• PDF 在 Chrome 中可能被内置 PDF 查看器接管，但 Safari / Firefox 行为不一致；若要强制下载，改用 <a download> 更可靠
• 某些 CMS 或静态站点生成器会自动重写 data 路径，导致实际请求地址错误
与 iframe 和 embed 的关键区别
三者都能嵌入外部内容，但行为差异明显：
• <iframe> 是独立文档上下文，支持 JS 交互、样式隔离，适合网页嵌入
• <embed> 是 <object> 的简化版，无 fallback 内容，属性更少，部分浏览器对 type 处理宽松
• <object> 支持 fallback、支持参数传递（用 <param> 子元素），但现代浏览器对插件支持已基本移除，实际只剩 SVG/PDF 场景还有意义
不要为了“语义正确”硬套 <object>——比如想嵌 YouTube 视频，用 <iframe>；想展示图标，用 <img>；只有明确需要 SVG 的 DOM 可操作性或 PDF 的原生渲染时，才选 <object>。
