试一试
<embed
type="image/jpeg"
src="/shared-assets/images/examples/flowers.jpg"
width="250"
height="200" />
注意:本文档仅包含根据 HTML Living Standard 定义的元素。不包括早期非标准化实现的元素。
请记住,大多数现代浏览器已经弃用并移除了对浏览器插件的支持,因此如果您希望您的网站能在普通用户的浏览器上运行,通常不建议依赖 <embed>。
属性
此元素的属性包括全局属性。
用法说明
您可以使用 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 角色 |
application、document、img、none、presentation |
| DOM 接口 | HTMLEmbedElement |
规范
| 规范 |
|---|
| HTML # the-embed-element |
浏览器兼容性
加载中…
另见
- 其他用于嵌入各种类型内容的元素包括
<audio>、<canvas>、<iframe>、<img>、<math>、<object>、<svg>和<video>。 - 在框架内定位和调整嵌入式内容的大小:
object-position和object-fit