HTML教程-HTML<object>标签
HTML <object> 标签用于在网页上嵌入多媒体文件。<object> 标签可以包含视频、音频、图像、PDF、Java小程序或其他页面等多媒体文件。
HTML <param> 标签也与 <object> 标签一起使用,以向使用 <object> 标签包含的插件传递参数。
如果在 <object> 和 </object> 标签之间插入文本,只有当浏览器不支持 <object> 标签时才会显示该文本。
语法
<object data="" type="">...</object>
下面是关于 HTML <object> 标签的一些规范:
| 显示 | 内联 |
|---|---|
| 开始标签/结束标签 | 均需开始和结束标签 |
| 用法 | 嵌入外部资源 |
示例
嵌入视频:
<!DOCTYPE html>
<html>
<head>
<title>Object Tag</title>
</head>
<body>
<h2>Example of Object tag</h2>
<object height="250" width="500" data="https://www.youtube.com/embed/O5hShUO6wxs"></object>
</body>
</html>嵌入 GIF 图像:
<!DOCTYPE html>
<html>
<head>
<title>Object Tag</title>
</head>
<body>
<h2>Example of Object tag</h2>
<object height="250" width="500" data="circle.gif">Sorry!, Your browser does not support</object>
</body>
</html>属性
特定于标签的属性:
| 属性 | 值 | 描述 |
|---|---|---|
| data | URL | 指定资源的地址 |
| type | content_type | 确定 data 属性指定的资源的内容类型 |
| archive | URL | 指定对象的归档资源的以空格分隔的 URL 列表 (HTML5 不支持) |
| border | 像素值 | 设置对象周围边框的宽度 (HTML5 不支持) |
| classid | URL | 指定对象实现的 URL (HTML5 不支持) |
| codebase | URL | 指定对象代码的基本路径 (HTML5 不支持) |
| form | form_id | 指定对象元素关联的表单元素 |
| height | 像素值 | 定义对象的高度 |
| width | 像素值 | 确定对象的宽度 |
| typemustmatch | 布尔值 | 如果 type 属性与实际资源的内容类型匹配,则嵌入资源 |
| name | 名称 | 定义对象的名称 |
全局属性:
<object> 标签支持 HTML 的全局属性。
事件属性:
<object> 标签支持 HTML 的事件属性。
支持的浏览器
| 元素 | Chrome | IE | Firefox | Opera | Safari |
|---|---|---|---|---|---|
<object> | 是 | 是 | 是 | 是 | 是 |
Chrome
IE
Firefox
Opera
Safari