<embed>:嵌入外部内容元素

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

<embed> HTML 元素在文档中指定的点嵌入外部内容。此内容由外部应用程序或交互式内容的来源(如浏览器插件)提供。

试一试

<embed
  type="image/jpeg"
  src="/shared-assets/images/examples/flowers.jpg"
  width="250"
  height="200" />

注意:本文档仅包含根据 HTML Living Standard 定义的元素。不包括早期非标准化实现的元素。

请记住,大多数现代浏览器已经弃用并移除了对浏览器插件的支持,因此如果您希望您的网站能在普通用户的浏览器上运行,通常不建议依赖 <embed>

属性

此元素的属性包括全局属性

height

CSS 像素 为单位显示的资源高度。这必须是绝对值;不允许使用百分比。

src

要嵌入的资源的 URL。

type

用于选择要实例化的插件的 MIME 类型

width

CSS 像素 为单位显示的资源宽度。这必须是绝对值;不允许使用百分比。

用法说明

您可以使用 object-position 属性来调整元素框架内嵌入对象的定位。

注意: object-fit 属性对 <embed> 元素无效。

无障碍

embed 元素上使用 title 属性为内容添加标签,以便使用屏幕阅读器等辅助技术进行导航的人能够理解其内容。标题的值应简洁地描述嵌入的内容。没有标题,他们可能无法确定其嵌入的内容是什么。这种上下文的改变可能会令人困惑且耗时,特别是当 embed 元素包含视频或音频等交互式内容时。

示例

html
<embed
  type="video/quicktime"
  src="movie.mov"
  width="640"
  height="480"
  title="Title of my video" />

技术摘要

内容类别 流内容短语内容,嵌入内容,交互式内容,可感知内容
允许内容 无;它是一个空元素
标签省略 必须有起始标签,且不能有结束标签。
允许父级 任何接受嵌入内容的元素。
隐式 ARIA 角色 没有对应的角色
允许的 ARIA 角色 applicationdocumentimgnonepresentation
DOM 接口 HTMLEmbedElement

规范

规范
HTML
# the-embed-element

浏览器兼容性

另见