<embed> | HTML5 嵌入标签的定义与用法

由 hcduguo

定义与用法

  • HTML <embed>标签用于将外部文档嵌入HTML文件中；
  • 嵌入文档可以是第三方应用程序，多媒体，插件等；
  • 此元素是HTML5中的新增功能。

提示：<embed>元素可用于包含第三方应用程序以及多媒体文档，在HTML5中，新添加的<audio>和<video>标签多用于多媒体嵌入。

语法格式

<embed src=” ” ></embed>   

示例代码

下面的代码片段能够显示嵌入网页中的 图片文件：

<h2>嵌入标签示例</h2>  
<p>The Dancing Penguin</p>  
<embed src="/logos/HTML5-logo.png"></embed>

效果展示：

嵌入标签示例

HTML5 Logo

下面的代码片段能够显示嵌入网页中的 MP3 文件：

<h2>嵌入标签示例</h2>   
<embed height="50" width="100" src="magpie.mp3">

效果展示：

嵌入标签示例

亲自试试

下面的 HTML 代码显示嵌入网页的 mp4视频：

<h2>嵌入标签示例</h2>   
<embed src="BigBunny5.mp4" height="300" width="400">

效果展示：

嵌入标签示例

亲自试试

浏览器支持

所有主流浏览器都支持 <embed> 标签。

标签属性

 : HTML5 中的新属性。

属性值描述
heightpixels设置嵌入内容的高度。
srcurl嵌入内容的 URL。
typetype定义嵌入内容的类型。
widthpixels设置嵌入内容的宽度。

全局属性

<embed> 标签支持 HTML 中的全局属性。

事件属性

<embed> 标签支持 HTML 中的事件属性。

相关