HTML - object 标签_HTML 菜鸟教程

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

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

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

语法


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

属性

属性	值	描述
data	URL	定义将用于对象的资源的 URL。
form	form_id	定义对象的 belging 形式。
height	pixels	定义对象的高度。
name	name	定义对象的名称。
type	media_type	定义data 属性中指定的数据的媒体类型
width	pixels	定义对象的宽度。

<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> 标签嵌入视频

考虑另一种情况，我们将使用 <object> 标签来使用视频。建议您使用 <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 页面

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


<!DOCTYPE html>
<html>

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

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

</html>

支持的浏览器

浏览器
是否支持	Yes	Yes	Yes	Yes	Yes

<< HTML - embed 标签 HTML - accept 属性 >>