<object>: 对象标签
最后更新：2026-10-13
<object>对象标签
通用嵌入外部资源（PDF、图片、Flash、SVG 等）的容器，支持用 param 传参，也能包含降级内容。
| 分类 | 脚本与嵌入 |
|---|---|
| 内容模型 | 流式内容 |
| 允许的父元素 | 接受流式内容的元素 |
| 闭合标签 | 需要 </object> 标签 |
| 状态 | 标准 |
📝 语法
<object data="file.pdf" type="application/pdf"></object>⚙️ 属性
该元素支持全局属性及以下专有属性：
| 属性 | 值 | 描述 |
|---|---|---|
data | 要嵌入资源的地址。 | |
type | 资源的 MIME 类型。 | |
name | 用于表单或脚本引用的名称。 | |
width | 嵌入区域宽度。 | |
height | 嵌入区域高度。 |
▶ 示例
编辑下方代码，在 playground 中查看实时效果：
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <object> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示： object 比 iframe 更通用，能嵌多种类型，且标签内的内容作为降级显示；现代网页多用 iframe 替代。
❓ 常见问题
Qobject 的回退内容怎么写？
A写在
<object> 标签之间：资源加载失败时显示标签内的子内容。例如嵌入 PDF 失败时显示下载链接：<object data='a.pdf' type='application/pdf'><p><a href='a.pdf'>下载 PDF</a></p></object>。这是 object 相对 embed 的核心优势。Qobject 可以嵌套 object 吗？
A可以，形成多级回退链：外层 object 加载失败就试内层，最内层放纯文本提示。这是插件时代的经典模式，现代项目中仍可用于多格式文档兜底，但层级别太深。
Qobject 和 iframe 嵌网页有什么区别？
A嵌 HTML 页面两者行为接近，但
<iframe> 是为此设计的标准元素：生态成熟、文档齐全、行为一致。object 嵌网页会有历史遗留怪癖，跨文档交互支持差——嵌网页一律用 iframe。🏷️ 相关标签
💡 相关案例
更多案例即将上线，敬请期待。
📚 相关教程
