HTML <object> 標簽

定義和用法

<object> 標簽定義外部資源的容器。

外部資源可以是網頁、圖片、媒體播放器或插件應用程序。

要嵌入圖片，最好使用 <img> 標簽。

要嵌入 HTML，最好使用 <iframe> 標簽。

要嵌入視頻或音頻，最好使用 <video> 和 <audio> 標簽。

另請參閱：

HTML 教程：HTML Object 元素

HTML DOM 參考手冊：Object 對象

插件

<object> 標簽最初是為了嵌入瀏覽器插件而設計的。

插件是擴展瀏覽器標準功能的計算機程序。

插件有許多不同的用途：

  • 運行 Java 小程序
  • 運行 ActiveX 控件
  • 顯示 Flash 影片
  • 顯示地圖
  • 掃描病毒
  • 驗證銀行 ID

警告 ！

大多數瀏覽器不再支持 Java 小程序和插件。

任何瀏覽器都不再支持 ActiveX 控件。

現代瀏覽器也已關閉對 Shockwave Flash 的支持。

實例

例子 1

嵌入的圖像：

<object data="tulip.jpg" width="300" height="300"></object>

親自試一試

例子 2

嵌入的 HTML 頁面：

<object data="/index.html" width="500" height="300"></object>

親自試一試

例子 3

嵌入的視頻：

<object data="shanghai.mp4" width="640" height="300"></object>

親自試一試

屬性

屬性 值 描述
data URL 規定要由對象使用的資源的 URL。
form 表單 id 規定對象所屬的表單。
height 像素 規定對象的高度。
name 名稱 規定對象的名稱。
type 媒體類型 規定 data 屬性中指定的數據的媒體類型。
typemustmatch true/false 規定 type 屬性與資源的實際內容是否必須匹配才能顯示。
usemap #mapname 規定要與對象一起使用的客戶端圖像映射的名稱。
width 像素 規定對象的寬度。

全局屬性

<object> 標簽還支持 HTML 中的全局屬性。

事件屬性

<object> 標簽還支持 HTML 中的事件屬性。

默認的 CSS 設置

大多數瀏覽器將使用以下默認值顯示 <object> 元素：

object:focus {
  outline: none;
}

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持