除了音訊和影片,HTML5還支援哪些媒體標籤?

王铁柱6發表於2024-11-25

除了音訊(<audio>)和影片(<video>),HTML5 還支援以下媒體相關的標籤:

  • <source>: 用於為 <audio><video> 元素指定多個媒體源。瀏覽器會選擇它支援的第一個源。
  • <track>: 為 <audio><video> 元素新增字幕、標題或其他型別的文字軌道。
  • <canvas>: 用於透過 JavaScript 繪製圖形、圖表、影像和其他視覺內容。雖然 <canvas> 不是嚴格意義上的媒體標籤,但它通常用於建立動態的視覺效果,可以與音訊和影片結合使用。
  • <svg>: 用於嵌入可縮放向量圖形 (SVG)。 SVG 影像可以使用 CSS 和 JavaScript 進行樣式設定和操作,並且可以與其他媒體元素一起使用。 與 <canvas> 類似,它不是嚴格意義上的媒體標籤,但它經常與多媒體內容一起使用。

雖然 <embed><object> 標籤可以用來嵌入各種型別的媒體,包括 Flash,但它們不被認為是專門的 HTML5 媒體標籤,並且在現代 Web 開發中,使用 <audio><video> 以及上述標籤通常是首選的。 尤其 Flash 已經過時,不建議使用。

相關文章