:嵌入外部內容元素

2026-08-12 11:53:24      世界杯排名球队

嘗試一下

type="video/mp4"

src="/shared-assets/videos/flower.mp4"

width="250"

height="200" />

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

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

屬性

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

height

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

src

被嵌入資源的 URL。

type

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

width

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

使用注意事項

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

範例

html

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# the-embed-element

瀏覽器相容性

參見

用於嵌入各種類型內容的其他元素包括