本文概述
HTML <object>标记用于在网页上嵌入多媒体文件。 <object>标记可以包括多媒体文件, 例如视频, 音频, 图像, PDF, Java Applets或页面上的其他页面。
HTML <param>标记也与<object>标记一起使用, 以将参数传递给<object>标记随附的插件。
如果在<object>和</ object>标记之间插入文本, 则只有在浏览器不支持<object>标记时才会显示该文本。
句法
<object data="" type=""></object>
以下是有关HTML <object>标记的一些规范
Display | Inline |
开始日期/结束日期 | 开始和结束标签 |
Usage | 嵌入外部资源 |
例
嵌入视频:
<!DOCTYPE html>
<html>
<head>
<title>Obejct 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>Obejct 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 | 它确定由数据指定的资源的内容类型。 |
archive | URL | 它指定以空格分隔的URL列表, 以存储对象的资源。 (HTML5不支持)。 |
border | pixels | 它设置<object>周围边框的宽度(HTML5不支持)。 |
classid | URL | 它指定对象实现的URL。 (HTML5不支持)。 |
codebase | URL | 它指定在其中找到对象代码的基本路径。 (HTML5不支持)。 |
form | form_id It | 指定与对象元素关联的表单元素。 |
height | pixels | 它定义了对象的高度。 |
width | pixels | 它确定对象的宽度。 |
typemustmatch | boolean | 它指定如果type属性与data属性上提供的资源的实际内容类型匹配, 则应嵌入资源。 |
name | name | 它定义了对象的名称。 |
全局属性:
<object>标记支持HTML中的全局属性
事件属性:
<object>标记支持HTML中的事件属性。
支持的浏览器
Element | Chrome | IE | Firefox | Opera | Safari |
<object> | Yes | Yes | Yes | Yes | Yes |