HTML <object> Tag

定义和用法

<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 Pixel 定义对象的高度。
name 名称 定义对象的名称。
type 媒体类型 定义 data 属性中指定的数据的媒体类型。
typemustmatch true/false 定义 type 属性与资源的实际内容是否必须匹配才能显示。
usemap #mapname 定义与对象一起使用的客户端图像映射的名称。
width Pixel Gibt die Breite des Objekts an.

Globale Attribute

<object> Der Tag unterstützt auch Globale Attribute in HTML.

Ereignisattribute

<object> Der Tag unterstützt auch Ereignisattribute in HTML.

Standardige CSS-Einstellungen

Die meisten Browser verwenden folgende Standardwerte, um das <object>-Element anzuzeigen:

object:focus {
  outline: none;
}

Browserkompatibilität

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung