<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>
是不明智的。
屬性
使用注意事項
你可以使用 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 角色 | application 、document 、img 、none 、presentation |
DOM 介面 | HTMLEmbedElement |
規範
Specification |
---|
HTML Standard # the-embed-element |
瀏覽器相容性
BCD tables only load in the browser
參見
- 用於嵌入各種類型內容的其他元素包括
<audio>
、<canvas>
、<iframe>
、<img>
、<math>
、<object>
、<svg>
和<video>
。 - 在其框架內定位和調整嵌入內容的大小:
object-position
和object-fit