<object>: 外部物件元素

基線 廣泛可用

此功能已穩定,可在許多裝置和瀏覽器版本上執行。它在 2015 年 7 月開始支援所有瀏覽器 2015 年 7 月.

<object> HTML 元素表示外部資源,可以將其視為影像、巢狀瀏覽上下文或由外掛處理的資源。

試一試

屬性

此元素包含 全域性屬性

archive 已棄用

用於物件的資源檔案的 URI 列表,用空格隔開。

border 已棄用

控制元件周圍邊框的寬度,以畫素為單位。

classid 已棄用

物件的實現的 URI。它可以與 data 屬性一起使用,也可以代替 data 屬性。

codebase 已棄用

用於解析 classiddataarchive 指定的相對 URI 的基本路徑。如果未指定,則預設為當前文件的基本 URI。

codetype 已棄用

classid 指定的資料的內容型別。

data

資源的地址,作為有效的 URL。必須定義 datatype 中的至少一個。

declare 已棄用

此布林屬性的存在使此元素僅為宣告。物件必須由隨後的 <object> 元素例項化。每次重用資源時,請完全重複 <object> 元素。

form

物件元素關聯的表單元素(其表單所有者)。屬性的值必須是同一文件中 <form> 元素的 ID。

height

顯示資源的高度,以 CSS 畫素 為單位。 — (僅絕對值。 不使用百分比

name

有效瀏覽上下文的名稱(HTML5),或控制元件的名稱(HTML 4)。

standby 已棄用

瀏覽器在載入物件的實現和資料時可以顯示的訊息。

type

data 指定的資源的 內容型別。必須定義 datatype 中的至少一個。

usemap 已棄用

<map> 元素的雜湊名稱引用;即 '#' 後跟 map 元素的 name 值。

width

顯示資源的寬度,以 CSS 畫素 為單位。 — (僅絕對值。 不使用百分比

示例

嵌入影片

HTML

html
<object
  type="video/mp4"
  data="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm"
  width="600"
  height="140">
  <img src="path/image.jpg" alt="useful image description" />
</object>

結果

如果示例中的影片無法載入,則會向用戶提供影像作為回退內容。 <img> 標籤用於顯示影像。我們包含 src 屬性,將其設定為我們要嵌入的影像的路徑。我們還包含 alt 屬性,該屬性為影像提供可訪問的名稱。如果影像也無法載入,則將顯示 alt 屬性的內容。

技術摘要

內容類別 流內容短語內容嵌入內容,可感知內容;如果元素具有 usemap 屬性,則 互動內容列出可提交 與表單關聯 的元素。
允許的內容 零個或多個 <param> 元素,然後是 透明
標籤省略 沒有,開始和結束標籤都是必需的。
允許的父元素 任何接受 嵌入內容 的元素。
隱式 ARIA 角色 沒有相應的角色
允許的 ARIA 角色 applicationdocumentimg
DOM 介面 HTMLObjectElement

規範

規範
HTML 標準
# the-object-element

瀏覽器相容性

BCD 表格僅在啟用 JavaScript 的瀏覽器中載入。

另請參閱