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

列印頁面