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

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

<embed> HTML 元素用於在文件中指定的位置嵌入外部內容。這個內容是由外部應用程序或其他互動內容來源(如瀏覽器插件)提供的。

嘗試一下

備註:本主題僅記錄了作為 HTML Living Standard 一部分所定義的元素。它不涉及元素的早期、非標準化實現。

請注意,大多數現代瀏覽器已經停用並移除了對瀏覽器插件的支援,因此如果你希望你的網站在普通用戶的瀏覽器上能夠正常運作,依賴 <embed> 是不明智的。

屬性

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

height

資源的顯示高度,單位為 CSS 像素。這必須是一個絕對值;不允許百分比。

src

被嵌入資源的 URL。

type

用於選擇要實例化的插件的 MIME 類型

width

資源的顯示寬度,單位為 CSS 像素。這必須是一個絕對值;不允許百分比。

使用注意事項

你可以使用 object-position 屬性來調整嵌入對象在元素框中的位置,並使用 object-fit 屬性來控制對象大小如何調整以適應元素框。

範例

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

無障礙議題

embed 元素上使用 title 屬性 來標記其內容,以便使用輔助技術(如螢幕閱讀器)導航的人能夠理解其內容。標題的值應該簡要描述嵌入內容。如果沒有標題,他們可能無法確定其嵌入內容是什麼。這種上下文轉換可能令人困惑且耗時,特別是如果 embed 元素包含像視頻或音頻這樣的互動內容。

技術摘要

內容類型 流內容段落型內容嵌入型內容互動型內容捫及內容
允許的內容 無,它是一個置空元素
標籤省略 必須有開始標籤,不能有結束標籤。
允許的父元素 任何接受嵌入內容的元素。
隱含的 ARIA 角色 沒有相對應的角色
允許的 ARIA 角色 applicationdocumentimgnonepresentation
DOM 介面 HTMLEmbedElement

規範

Specification
HTML Standard
# the-embed-element

瀏覽器相容性

BCD tables only load in the browser

參見