HTML <object> 标签

定义和用法

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

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

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

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

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

另请参阅:

HTML 教程:HTML Object 元素

HTML DOM 参考手册:Object 对象

插件

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

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

插件有许多不同的用途:

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

警告 !

大多数浏览器不再支持 Java 小程序和插件。

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

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

实例

例子 1

嵌入的图像:

<object data="tulip.jpg" width="300" height="300"></object>

亲自试一试

例子 2

嵌入的 HTML 页面:

<object data="/index.html" width="500" height="300"></object>

亲自试一试

例子 3

嵌入的视频:

<object data="shanghai.mp4" width="640" height="300"></object>

亲自试一试

属性

属性 描述
data URL 规定要由对象使用的资源的 URL。
form 表单 id 规定对象所属的表单。
height 像素 规定对象的高度。
name 名称 规定对象的名称。
type 媒体类型 规定 data 属性中指定的数据的媒体类型。
typemustmatch true/false 规定 type 属性与资源的实际内容是否必须匹配才能显示。
usemap #mapname 规定要与对象一起使用的客户端图像映射的名称。
width 像素 规定对象的宽度。

全局属性

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

事件属性

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

默认的 CSS 设置

大多数浏览器将使用以下默认值显示 <object> 元素:

object:focus {
  outline: none;
}

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持