• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • <object>

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

    浏览器支持

    目前大多数浏览器支持<object>标签。

    示例

    <!-- embed a flash movie -->
    <object data="move.swf" type="application/x-shockwave-flash"></object>
    
    <!-- embed a flash movie with parameters -->
    <object data="move.swf" type="application/x-shockwave-flash">
      <param name="foo" value="bar">
    </object> 
    

    标签定义及使用说明

    • <object>定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素允许您规定插入 HTML 文档中的对象的数据和参数,以及可用来显示和操作数据的代码。
    • <object>标签用于包含对象,比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。<object>的初衷是取代 img 和 applet 元素。不过由于漏洞以及缺乏浏览器支持,这一点并未实现。
    • 浏览器的对象支持有赖于对象类型。不幸的是,主流浏览器都使用不同的代码来加载相同的对象类型。而幸运的是,object 对象提供了解决方案。如果未显示 object 元素,就会执行位于<object>和</object>之间的代码。通过这种方式,我们能够嵌套多个 object 元素(每个对应一个浏览器)。
    • <object>元素可位于在 head 元素或 body 元素内部。<object>与</object>之间的文本是替换文本,针对不支持此标签的浏览器。<param>标签可定义用于对象的 run-time 设置。至少必须定义"data"和"type"属性之一。
    • 至于图像,请使用<img>标签代替<object>标签。

    属性

    属性描述
    aligntop|bottom|middle|left|rightHTML5 不支持。HTML 4.01 已废弃。规定<object>元素相对于周围元素的对齐方式。
    archiveURLHTML5 不支持。由空格分隔的指向档案文件的 URL 列表。这些档案文件包含了与对象相关的资源。
    borderpixelsHTML5 不支持。HTML 4.01 已废弃。规定<object>周围的边框宽度。
    classidclass_IDHTML5 不支持。定义嵌入 Windows Registry 中或某个 URL 中的类的 ID 值,此属性可用来指定浏览器中包含的对象的位置,通常是一个 Java 类。
    codebaseURLHTML5 不支持。定义在何处可找到对象所需的代码,提供一个基准 URL。
    codetypeMIME_typeHTML5 不支持。通过 classid 属性所引用的代码的 MIME 类型。
    dataURL规定对象使用的资源的 URL。
    declaredeclareHTML5 不支持。定义该对象仅可被声明,但不能被创建或例示,直到该对象得到应用为止。
    form HTML5新增form_id规定对象所属的一个或多个表单。
    heightpixels规定对象的高度。
    hspacepixelsHTML5 不支持。HTML 4.01 已废弃。规定对象左侧和右侧的空白。
    namename为对象规定名称。
    standbytextHTML5 不支持。定义当对象正在加载时所显示的文本。
    typeMIME_type规定 data 属性中规定的数据的 MIME 类型。
    usemap#mapname规定与对象一同使用的客户端图像映射的名称。
    vspacepixelsHTML5 不支持。HTML 4.01 已废弃。规定对象的顶部和底部的空白。
    widthpixels规定对象的宽度。

    HTML 4.01 与 HTML 5 之间的差异

    一些 HTML 4.01 属性在 HTML5 中不被支持。"form"是 HTML5 定义的新属性。

    在 HTML5 中,objects 可以在form表单中提交。在 HTML5 中,objects 不再出现在<head>元素区域内。

    全局属性

    <object>标签支持全局属性,查看完整属性表HTML全局属性。

    事件属性

    <object>标签支持所有HTML事件属性。

    实例

    使用<object>元素在 HTML 加入 Flash 文件:

    <object width="400" height="400" data="helloworld.swf"></object>

    上篇:<iframe>

    下篇:<param>