<object> | HTML对象标签的定义与用法
定义与用法
- <object>标签用于在网页上嵌入多媒体文件。<object>标签可以包括多媒体文件,例如视频,音频,图像,PDF,Java Applet或其它页面。
- <param>标记也与<object>标记一起使用,以将参数传递给<object>标记随附的插件。
- 如果在<object>和</ object>标记之间插入文本,则只有在浏览器不支持<object>标记时才会显示该文本。
提示:
- object 的初衷是取代 img 和 applet 元素。不过由于漏洞以及缺乏浏览器支持,这一点并未实现。
- 浏览器如果不支持 <object>标签,就会执行位于 <object> 和 </object> 之间的代码。通过这种方式,我们能够嵌套多个<object>标签每个对应一个浏览器)。
语法格式
<object data=”” type=””></object>
示例代码
<!DOCTYPE html>
<html>
<head>
<title>Obejct标签</title>
</head>
<body>
<h2>Object标签示例</h2>
<object height="250" width="500" data="https://v.qq.com/x/page/m052565pvmw.html"></object>
</body>
</html>
效果展示:
Object标签示例
HTML 4.01 与 HTML5差异
- 一些 HTML 4.01 属性在 HTML5 中不被支持。
- “form” 是 HTML5 定义的新属性。
- 在 HTML5 中,objects 可以在form表单中提交。
- 在 HTML5 中,objects 不再出现在 <head> 元素区域内。
浏览器支持
IE | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|
目前大多数浏览器支持 <object> 标签。
标签属性
: HTML5新属性。
属性 | 值 | 描述 |
---|---|---|
align | top bottom middle left right | HTML5 不支持。HTML 4.01 已废弃。 规定 <object> 元素相对于周围元素的对齐方式。 |
archive | URL | HTML5 不支持。由空格分隔的指向档案文件的 URL 列表。这些档案文件包含了与对象相关的资源。 |
border | pixels | HTML5 不支持。HTML 4.01 已废弃。 规定 <object> 周围的边框宽度。 |
classid | class_ID | HTML5 不支持。定义嵌入 Windows Registry 中或某个 URL 中的类的 ID 值,此属性可用来指定浏览器中包含的对象的位置,通常是一个 Java 类。 |
codebase | URL | HTML5 不支持。定义在何处可找到对象所需的代码,提供一个基准 URL。 |
codetype | MIME_type | HTML5 不支持。通过 classid 属性所引用的代码的 MIME 类型。 |
data | URL | 规定对象使用的资源的 URL。 |
declare | declare | HTML5 不支持。定义该对象仅可被声明,但不能被创建或例示,直到该对象得到应用为止。 |
form | form_id | 规定对象所属的一个或多个表单。 |
height | pixels | 规定对象的高度。 |
hspace | pixels | HTML5 不支持。HTML 4.01 已废弃。 规定对象左侧和右侧的空白。 |
name | name | 为对象规定名称。 |
standby | text | HTML5 不支持。定义当对象正在加载时所显示的文本。 |
type | MIME_type | 规定 data 属性中规定的数据的 MIME 类型。 |
usemap | #mapname | 规定与对象一同使用的客户端图像映射的名称。 |
vspace | pixels | HTML5 不支持。HTML 4.01 已废弃。 规定对象的顶部和底部的空白。 |
width | pixels | 规定对象的宽度。 |
全局属性
<object> 标签支持 HTML 中的全局属性。
事件属性
<object> 标签支持 HTML 中的事件属性。