html5 source標籤怎麼用？ html5 source標籤屬性介紹

html5 source標籤怎麼用？ html5 source標籤屬性介紹。現在開始介紹本篇文章的內容，主要跟大家講的是html5 source標籤的使用和html5 cource標籤的三個屬性具體的介紹

html5 source標籤定義和用法：

標籤為媒介元素（如

標籤可讓您規定可替換的視訊/音訊檔案供瀏覽器根據它對媒體類型或編解碼器的支援進行選擇。

HTML5標籤實例：

有兩個原始檔案的音訊播放器。瀏覽器應該選擇它所支援的檔案（如果有的話）：

<audio controls>
   <source src="horse.ogg" type="audio/ogg">
   <source src="horse.mp3" type="audio/mpeg">
 Your browser does not support the audio element.
</audio>

標籤基本屬性：

• ##media ：媒體資源的類型，供瀏覽器決定是否下載（值：media_query）。

• src：媒體檔案的 URL（值：URL）。

• type：媒體資源的 MIME 類型（值：MIME_type）。

附註：標籤標籤支援html全域屬性與html事件屬性

html5 source標籤的格式：

<source src="媒体资源地址" />

HTML5media屬性：

使用media 屬性：

<source src="movie.ogg" type="video/ogg" media="screen and (min-width:320px)">

HTML5media屬性定義與用法：

media 屬性規定媒體資源的類型（檔案是為何種媒體/裝置進行了最佳化）。

瀏覽器可使用該屬性來判斷它是否能播放這個檔案。如果無法播放，則可以選擇不進行下載。

註解：此屬性可接受多個值。

HTML5media屬性語法：

<source media="value">

附註：因為任何瀏覽器都不支援標籤的media屬性。所以就不多說了。

HTML5src屬性：

# HTML5src屬性的定義與用法：

src 屬性規定要播放的媒體檔案的URL。

HTML5src屬性的語法：

<source src="URL">

HTML5src屬性的使用實例：

帶有兩個資源檔案的音訊播放器。瀏覽器應該選擇它支援的那個檔案（如果有的話）：

<audio controls>
   <source src="horse.ogg" type="audio/ogg">
   <source src="horse.mp3" type="audio/mpeg">
 Your browser does not support the audio element.
</audio>

HTML5src屬性的屬性值：

HTML5type屬性：

#HTML5type屬性的定義與用法：

#type 屬性規定媒體資源的MIME 類型。

type 屬性的使用：

<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>

HTML5type屬性的語法：

<source type="MIME_type">

HTML5type屬性的屬性值：

HTML 4.01 與HTML 5 之間的差異

標籤是HTML 5 中的新標籤。

瀏覽器支援：

Internet Explorer 9 , Firefox, Opera, Chrome 以及 Safari 支援 標籤。

註解：Internet Explorer 8 以及更早的版本不支援 標籤。

【相關推薦】

html meta標籤的作用是什麼？ html meta標籤常見的屬性介紹

html map標籤是什麼？ html map標籤的結構及具體使用方法詳解

以上是html5 source標籤怎麼用？ html5 source標籤屬性介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！