<embed>: 嵌入内容标签
最后更新:2026-10-13
<embed>嵌入内容标签
嵌入外部资源(如插件内容、SVG、PDF)的空元素,是 object 的简化版,功能较旧、逐渐被 object/iframe 取代。
| 分类 | 脚本与嵌入 |
|---|---|
| 内容模型 | 流式内容 |
| 允许的父元素 | 接受流式内容的元素 |
| 闭合标签 | 自闭合 — 无需闭合标签 |
| 状态 | 标准 |
📝 语法
<embed src="game.swf" type="application/x-shockwave-flash">
⚙️ 属性
该元素支持全局属性及以下专有属性:
| 属性 | 值 | 描述 |
|---|---|---|
src | 要嵌入资源的地址。 | |
type | 资源的 MIME 类型。 | |
width | 嵌入区域宽度。 | |
height | 嵌入区域高度。 |
▶ 示例
编辑下方代码,在 playground 中查看实时效果:
🌐 浏览器支持
| 浏览器 | |||||
|---|---|---|---|---|---|
| <embed> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示: embed 是空元素(无闭合标签);现代开发优先用 iframe/object,embed 多用于兼容老旧插件。
❓ 常见问题
Qembed 现在还用吗?
A很少。它是历史上插件时代的产物(Flash、PDF 插件),HTML5 虽把它标准化为「外部内容嵌入点」,但现代场景——视频用
<video>、音频用 <audio>、PDF 建议用 <iframe> 或让浏览器原生打开——embed 仅作兼容保留。Qembed 和 object 有什么区别?
A两者都是嵌入外部资源:
<object> 更完整(支持回退子内容、type 声明),<embed> 是自闭合式的历史遗留简写。新项目一律优先 object 或更现代的专用元素,embed 只在对接遗留系统时出现。Qembed 嵌 PDF 靠谱吗?
A能用但不推荐:各浏览器渲染行为不一致、移动端支持差。
<iframe src='file.pdf'> 或 <object type='application/pdf'> 是更稳的选择,最可靠的是提供下载链接兜底。🏷️ 相关标签
💡 相关案例
更多案例即将上线,敬请期待。