轻松上手,快乐学习!

HTML <object> 标签



实例

嵌入的图像:

<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> 标签。


浏览器支持

元素
<object> Yes Yes Yes Yes Yes

插件

<object> 标签最初设计用于嵌入浏览器插件。

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

插件被用于许多不同的目的:

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

警告!

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

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

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


属性

属性 描述
data URL 规定对象使用的资源的 URL。
form form_id 规定对象所属的一个或多个表单。
height pixels 规定对象的高度。
name name 为对象规定名称。
type media_type 规定 data 属性中规定的数据的 MIME 类型。
typemustmatch true/false 指定 type 属性和资源的实际内容是否必须匹配才能显示
usemap #mapname 规定与对象一同使用的客户端图像映射的名称。
width pixels 规定对象的宽度。

全局属性

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


事件属性

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


相关页面

HTML 教程: HTML Object 元素

HTML DOM 参考手册: Object 对象


默认CSS设置

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

object:focus {
  outline: none;
}