試一試
<embed
type="image/jpeg"
src="/shared-assets/images/examples/flowers.jpg"
width="250"
height="200" />
注意:本文件僅包含根據 HTML Living Standard 定義的元素。不包括早期非標準化實現的元素。
請記住,大多數現代瀏覽器已經棄用並移除了對瀏覽器外掛的支援,因此如果您希望您的網站能在普通使用者的瀏覽器上執行,通常不建議依賴 <embed>。
屬性
此元素的屬性包括全域性屬性。
用法說明
您可以使用 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 角色 |
application、document、img、none、presentation |
| DOM 介面 | HTMLEmbedElement |
規範
| 規範 |
|---|
| HTML # the-embed-element |
瀏覽器相容性
載入中…
另見
- 其他用於嵌入各種型別內容的元素包括
<audio>、<canvas>、<iframe>、<img>、<math>、<object>、<svg>和<video>。 - 在框架內定位和調整嵌入式內容的大小:
object-position和object-fit