- HTML 教程
- HTML - 首页
- HTML - 路线图
- HTML - 简介
- HTML - 历史与演变
- HTML - 编辑器
- HTML - 基本标签
- HTML - 元素
- HTML - 属性
- HTML - 标题
- HTML - 段落
- HTML - 字体
- HTML - 块
- HTML - 样式表
- HTML - 格式化
- HTML - 引用
- HTML - 注释
- HTML - 颜色
- HTML - 图片
- HTML - 图片地图
- HTML - 内嵌框架 (iFrames)
- HTML - 短语元素
- HTML - 元标签
- HTML - 类
- HTML - ID
- HTML - 背景
- HTML 表格
- HTML - 表格
- HTML - 表头与标题
- HTML - 表格样式
- HTML - 表格 Colgroup
- HTML - 嵌套表格
- HTML 列表
- HTML - 列表
- HTML - 无序列表
- HTML - 有序列表
- HTML - 定义列表
- HTML 链接
- HTML - 文本链接
- HTML - 图片链接
- HTML - 邮箱链接
- HTML 颜色名称与值
- HTML - 颜色名称
- HTML - RGB
- HTML - HEX
- HTML - HSL
- HTML 表单
- HTML - 表单
- HTML - 表单属性
- HTML - 表单控件
- HTML - 输入属性
- HTML 多媒体
- HTML - 视频元素
- HTML - 音频元素
- HTML - 嵌入多媒体
- HTML 头部
- HTML - Head 元素
- HTML - 添加 Favicon
- HTML - JavaScript
- HTML 布局
- HTML - 布局
- HTML - 布局元素
- HTML - 使用 CSS 进行布局
- HTML - 响应式设计
- HTML - 符号
- HTML - 表情符号
- HTML - 样式指南
- HTML 图形
- HTML - SVG
- HTML - Canvas
- HTML API
- HTML - Geolocation API
- HTML - 拖放 API
- HTML - Web Workers API
- HTML - WebSocket
- HTML - Web 存储
- HTML - 服务器发送事件
- HTML 其他
- HTML - 文档对象模型 (DOM)
- HTML - MathML
- HTML - 微数据
- HTML - IndexedDB
- HTML - Web 消息传递
- HTML - Web CORS
- HTML - Web RTC
- HTML 演示
- HTML - 音频播放器
- HTML - 视频播放器
- HTML - 网页幻灯片
- HTML 工具
- HTML - Velocity Draw
- HTML - 二维码
- HTML - Modernizer
- HTML - 验证
- HTML - 颜色选择器
- HTML 参考
- HTML - 速查表
- HTML - 标签参考
- HTML - 属性参考
- HTML - 事件参考
- HTML - 字体参考
- HTML - ASCII 码
- ASCII 码表查询
- HTML - 颜色名称
- HTML - 实体
- MIME 媒体类型
- HTML - URL 编码
- 语言 ISO 代码
- HTML - 字符编码
- HTML - 已弃用标签
- HTML 资源
- HTML - 快速指南
- HTML - 有用资源
- HTML - 颜色代码生成器
- HTML - 在线编辑器
HTML - <embed> 标签
HTML <embed> 标签用作外部应用程序、多媒体和浏览器不理解的交互式内容的容器。
为了正确显示,必须附加特殊的程序或外部插件。文件类型、<embed> 标签的属性和已安装的浏览器插件都会影响嵌入内容的显示方式。
尽管 HTML5 新添加的 <audio> 和 <video> 元素专门用于在 HTML 文档中嵌入多媒体,但 <embed> 元素也可用于包含第三方应用程序和多媒体内容。
语法
<embed src=" " ></embed>
属性
HTML embed 标签支持 HTML 的全局和事件属性。也接受一些特定的属性,如下所示。
属性 | 值 | 描述 |
---|---|---|
height | 像素 | 指定嵌入内容的高度。 |
src | URL | 指定嵌入内容的 URL |
type | MIME_type | 指定嵌入内容的 MIME 类型 |
width | 像素 | 指定嵌入内容的宽度 |
HTML embed 标签示例
下面的示例将演示 embed 标签的使用方法、使用场景以及如何使用 embed 标签嵌入图像、HTML 页面、视频或音频。
使用 embed 标签嵌入图像
让我们来看一个基本的示例,我们将把一个图像嵌入到网页中。我们建议您使用<img>标签来显示图像。
<!DOCTYPE html> <html> <body> <embed src= "https://tutorialspoint.com/cg/images/logo.png" height="30" width="200"> </embed> </body> </html>
使用 embed 标签嵌入音频
以下是一个示例,我们将使用 HTML <embed> 标签在页面上放置音频。我们建议您使用<audio>标签来显示音频。
<!DOCTYPE html> <html> <body> <embed type="audio/mpeg" src= "https://samplelib.com/lib/preview/mp3/sample-3s.mp3"> </body> </html>
使用 embed 标签嵌入视频
考虑另一个场景,我们将使用 HTML <embed> 标签嵌入视频。我们建议您使用<video>标签来显示视频。
<!DOCTYPE html> <html> <body> <embed type="video/webm" src= "https://www.youtube.com/embed/9ZXZFVZviK4?si=D04mP_FPlyQTl6tL" width="400" height="300"> </body> </html>
使用 embed 标签嵌入 HTML 页面
考虑另一个场景,我们将使用 HTML <embed> 标签嵌入 HTML 页面。我们建议您使用<iframe>标签来显示 HTML 页面。
<!DOCTYPE html> <html> <body> <embed type="text/html" src="/index.htm" width="500" height="200"> </body> </html>
支持的浏览器
标签 | |||||
---|---|---|---|---|---|
embed | 是 | 是 | 是 | 是 | 是 |
html_tags_reference.htm
广告