HTML object标签

本文概述

HTML <object>标记用于在网页上嵌入多媒体文件。 <object>标记可以包括多媒体文件, 例如视频, 音频, 图像, PDF, Java Applets或页面上的其他页面。

HTML <param>标记也与<object>标记一起使用, 以将参数传递给<object>标记随附的插件。

如果在<object>和</ object>标记之间插入文本, 则只有在浏览器不支持<object>标记时才会显示该文本。

句法

<object data="" type=""></object>

以下是有关HTML <object>标记的一些规范

Display Inline
开始日期/结束日期 开始和结束标签
Usage 嵌入外部资源

嵌入视频:

<!DOCTYPE html>
<html>
<head>
<title>Obejct Tag</title>
</head>
<body>
 <h2>Example of Object tag</h2>
 <object height="250" width="500" data="https://www.youtube.com/embed/O5hShUO6wxs"></object>
</body>
</html>

立即测试

输出:

HTML object标签

嵌入gif图片:

<!DOCTYPE html>
<html>
<head>
<title>Obejct Tag</title>
</head>
<body>
 <h2>Example of Object tag</h2>
 <object height="250" width="500" data="circle.gif">Sorry!, Your browser does not support</object>
</body>
</html>

立即测试

输出:

HTML object标签

属性

特定于标签的属性:

属性 描述
data URL 它指定资源的地址。
type content_type 它确定由数据指定的资源的内容类型。
archive URL 它指定以空格分隔的URL列表, 以存储对象的资源。 (HTML5不支持)。
border pixels 它设置<object>周围边框的宽度(HTML5不支持)。
classid URL 它指定对象实现的URL。 (HTML5不支持)。
codebase URL 它指定在其中找到对象代码的基本路径。 (HTML5不支持)。
form form_id It 指定与对象元素关联的表单元素。
height pixels 它定义了对象的高度。
width pixels 它确定对象的宽度。
typemustmatch boolean 它指定如果type属性与data属性上提供的资源的实际内容类型匹配, 则应嵌入资源。
name name 它定义了对象的名称。

全局属性:

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

事件属性:

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

支持的浏览器

Element Chrome IE Firefox Opera Safari
<object> Yes Yes Yes Yes Yes
微信公众号
手机浏览(小程序)
0
分享到:
没有账号? 忘记密码?