HTML <object> 标签

HTML <object> 元素(或者称作 HTML 嵌入对象元素)表示引入一个外部资源,这个资源可能是一张图片,一个嵌入的浏览上下文,亦或是一个插件所使用的资源。


实例

向 HTML 代码添加一个对象:

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <h1>object 元素</h1>
  5. <object data="/images/pic_trulli.jpg" width="300" height="200"></object>
  6. </body>
  7. </html>
  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <h1>object 元素</h1>
  5. <object data="/example/html/html_content.html" width="500" height="200">
  6. </object>
  7. </body>
  8. </html>
  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <object data="/example/video/demo.mp4" width="400" height="300"></object>
  5. </body>
  6. </html>

浏览器支持

元素
<object>YesYesYesYesYes

几乎所有主流浏览器都拥有部分对 <object> 标签的支持。


定义和用法

定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素允许您规定插入 HTML 文档中的对象的数据和参数,以及可用来显示和操作数据的代码。

<object> 标签用于包含对象,比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。

object 的初衷是取代 img 和 applet 元素。不过由于漏洞以及缺乏浏览器支持,这一点并未实现。

浏览器的对象支持有赖于对象类型。不幸的是,主流浏览器都使用不同的代码来加载相同的对象类型。

而幸运的是,object 对象提供了解决方案。如果未显示 object 元素,就会执行位于 <object> 和 </object> 之间的代码。通过这种方式,我们能够嵌套多个 object 元素(每个对应一个浏览器)。


HTML 与 XHTML 之间的差异


提示和注释:

注释:<param> 标签定义用于对象的 run-time 设置。

注释:不要对图像使用 <object> 标签,请使用<img> 标签代替。


可选的属性

属性描述
align
  • left
  • right
  • top
  • bottom
定义围绕该对象的文本对齐方式。
archiveURL由空格分隔的指向档案文件的 URL 列表。这些档案文件包含了与对象相关的资源。
borderpixels定义对象周围的边框。
classidclass ID定义嵌入 Windows Registry 中或某个 URL 中的类的 ID 值,此属性可用来指定浏览器中包含的对象的位置,通常是一个 Java 类。
codebaseURL定义在何处可找到对象所需的代码,提供一个基准 URL。
codetypeMIME type通过 classid 属性所引用的代码的 MIME 类型。
dataURL定义引用对象数据的 URL。如果有需要对象处理的数据文件,要用 data 属性来指定这些数据文件。
declaredeclare可定义此对象仅可被声明,但不能被创建或例示,直到此对象得到应用为止。
formform_id规定对象所属的一个或多个表单。
heightpixels定义对象的高度。
hspacepixels定义对象周围水平方向的空白。
nameunique_name为对象定义唯一的名称(以便在脚本中使用)。
standbytext定义当对象正在加载时所显示的文本。
typeMIME_type定义被规定在 data 属性中指定的文件中出现的数据的 MIME 类型。
usemapURL规定与对象一同使用的客户端图像映射的 URL。
vspacepixels定义对象的垂直方向的空白。
widthpixels定义对象的宽度。

全局属性

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


事件属性

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


相关页面

HTML DOM 参考手册:Object 对象