<embed>:嵌入外部內容元素

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來,各瀏覽器均已提供此特性。

<embed> HTML 元素在文件中指定的點嵌入外部內容。此內容由外部應用程式或互動式內容的來源(如瀏覽器外掛)提供。

試一試

<embed
  type="image/jpeg"
  src="/shared-assets/images/examples/flowers.jpg"
  width="250"
  height="200" />

注意:本文件僅包含根據 HTML Living Standard 定義的元素。不包括早期非標準化實現的元素。

請記住,大多數現代瀏覽器已經棄用並移除了對瀏覽器外掛的支援,因此如果您希望您的網站能在普通使用者的瀏覽器上執行,通常不建議依賴 <embed>

屬性

此元素的屬性包括全域性屬性

height

CSS 畫素 為單位顯示的資源高度。這必須是絕對值;不允許使用百分比。

src

要嵌入的資源的 URL。

type

用於選擇要例項化的外掛的 MIME 型別

width

CSS 畫素 為單位顯示的資源寬度。這必須是絕對值;不允許使用百分比。

用法說明

您可以使用 object-position 屬性來調整元素框架內嵌入物件的定位。

注意: object-fit 屬性對 <embed> 元素無效。

無障礙

embed 元素上使用 title 屬性為內容新增標籤,以便使用螢幕閱讀器等輔助技術進行導航的人能夠理解其內容。標題的值應簡潔地描述嵌入的內容。沒有標題,他們可能無法確定其嵌入的內容是什麼。這種上下文的改變可能會令人困惑且耗時,特別是當 embed 元素包含影片或音訊等互動式內容時。

示例

html
<embed
  type="video/quicktime"
  src="movie.mov"
  width="640"
  height="480"
  title="Title of my video" />

技術摘要

內容類別 流內容短語內容,嵌入內容,互動式內容,可感知內容
允許內容 無;它是一個空元素
標籤省略 必須有起始標籤,且不能有結束標籤。
允許父級 任何接受嵌入內容的元素。
隱式 ARIA 角色 沒有對應的角色
允許的 ARIA 角色 applicationdocumentimgnonepresentation
DOM 介面 HTMLEmbedElement

規範

規範
HTML
# the-embed-element

瀏覽器相容性

另見