码农教程 - 一技在手,衣食无忧! tools

HTML <object> 标签

❮上一节 完整的 HTML参考 下一节❯

示例

嵌入图片：

<object data="pic_trulli.jpg" width="300" height="200"></object>
亲自试一试 »

示例

嵌入的 HTML 页面：

<object data="snippet.html" width="500" height="200"></object>
亲自试一试 »

示例

嵌入视频：

<object data="video.mp4" width="400" height="300"></object>
亲自试一试 »

定义和用法

这个<object>标签定义外部资源的容器。

外部资源可以是网页、图片、媒体播放器或插件应用程序。

要嵌入图片，最好使用<img>标签。

要嵌入 HTML，最好使用<iframe>标签。

要嵌入视频或音频，最好使用<video>和<audio>标签。

浏览器支持

Element
<object> Yes Yes Yes Yes Yes

插件

这个<object>标签最初是为了嵌入浏览器插件而设计的。

插件是扩展浏览器标准功能的计算机程序。

插件已用于许多不同的目的：

  • 运行 Java 小程序
  • 运行 ActiveX 控件
  • 显示 Flash 影片
  • 显示地图
  • 扫描病毒
  • 验证银行 ID

警告 ！

大多数浏览器不再支持 Java Applet 和插件。

任何浏览器都不再支持 ActiveX 控件。

现代浏览器中对 Shockwave Flash 的支持也已关闭。

属性

Attribute Value Description
data URL Specifies the URL of the resource to be used by the object
form form_id Specifies which form the object belongs to
height pixels Specifies the height of the object
name name Specifies a name for the object
type media_type Specifies the media type of data specified in the data attribute
typemustmatch true/false Specifies whether the type attribute and the actual content of the resource must match to be displayed
usemap #mapname Specifies the name of a client-side image map to be used with the object
width pixels Specifies the width of the object

全局属性

这个<object>标签还支持HTML 中的全局属性。

事件属性

这个<object>标签还支持HTML 中的事件属性。

相关页面

HTML 教程：HTML 对象元素

HTML DOM 参考：对象 对象

默认 CSS 设置

大多数浏览器都会显示<object>具有以下默认值的元素：

object:focus {
  outline: none;
}


❮上一节 完整的 HTML参考 下一节❯