HTML - <object> 标签

HTML 中的 <object> 标签用于在网页上显示多媒体，包括音频、视频、图片、网站、PDF 和 Flash。

此外，还可以使用此技术在 HTML 页面内显示另一个网站。

为了定义各种参数，<param> 标签也与该标签一起使用。<object> 标签之间包含的任何文本都被视为替代文本，当浏览器不支持提供的数据时会显示该文本。

语法

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

属性

HTML 摘要标签支持 HTML 的全局和事件属性。也接受一些特定的属性，如下所示。

属性	值	描述
data	URL	指定将在对象中使用的资源的 url。
form	form_id	指定对象的所属表单。
height	像素	定义对象的高度。
name	name	指定对象名称。
type	media_type	指定 data 属性中指定的数据的媒体类型
width	像素	定义对象的宽度。

HTML object 标签示例

下面的示例将说明 object 标签的使用。在哪里、何时以及如何使用 object 标签来对象图像、html 页面、视频或音频。

使用 object 标签嵌入图像

让我们看一下基本示例，其中我们将使用网页上的图像。我们建议您使用 <img> 标签显示图像。

<!DOCTYPE html>
<html>

<head>
    <title>HTML object Tag</head>
</head>

<body>
    <object data="/html/test.jpg" type="text/html" width="300" height="200"> 
       alt : <a href="/html/images/logo.png">test.jpg</a>
    </object>
</body>

</html>

使用 object 标签嵌入视频

考虑另一种情况，我们将使用 HTML <embed> 标签来使用视频。我们建议您使用 <video> 标签显示视频。

<!DOCTYPE html>
<html>

<head>
    <title>HTML object Tag</head>
</head>

<body>
       <object height="250" width="500"
               data=
"https://cdn.pixabay.com/vimeo/497754241/laptop-61037.mp4?width=640&hash=d25d7f4b8afa862b3252bdaeaf157934ceb1bb72">
       </object>
</body>

</html>

使用 object 标签嵌入 html 页面

考虑另一种情况，我们将使用 HTML <embed> 标签来使用 html 页面。我们建议您使用 <iframe> 标签显示 html 页面。

<!DOCTYPE html>
<html>

<head>
    <title>HTML object Tag</head>
</head>

<body>
    <object data="index.htm" width="500" height="200">
</body>

</html>

支持的浏览器

标签
embed	是	是	是	是	是

html_tags_reference.htm

打印页面