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

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

html5 source標籤定義和用法：

<source> 標籤為媒介元素（比如 <video> 和 <audio>）定義媒介資源。

<source> 標籤允許您規定可替換的視頻/音頻檔案供瀏覽器根據它對媒體類型或者轉碼器的支援進行選擇。

HTML5<source>標籤執行個體：

擁有兩份源檔案的音頻播放器。瀏覽器應該選擇它所支援的檔案（如果有的話）：

<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>

<source>標籤基本屬性：

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

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

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

註：<source>標籤標籤支援html全域屬性和html事件屬性

html5 source標籤的格式：

<source src="媒體資源地址" />

HTML5<source>media屬性：

使用 media 屬性：

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

HTML5<source>media屬性定義和用法：

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

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

注釋：該屬性可接受多個值。

HTML5<source>media屬性文法：

<source media="value">

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

HTML5<source>src屬性：

HTML5<source>src屬性的定義和用法：

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

HTML5<source>src屬性的文法：

<source src="URL">

HTML5<source>src屬性的使用執行個體：

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

<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>

HTML5<source>src屬性的屬性值：

HTML5<source>type屬性：

HTML5<source>type屬性的定義和用法：

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

type 屬性的使用：

<audio controls><source src="horse.ogg" type="audio/ogg"><source src="horse.mp3" type="audio/mpeg">您的瀏覽器不支援 audio 元素。</audio>

HTML5<source>type屬性的文法：

<source type="MIME_type">

HTML5<source>type屬性的屬性值：

HTML 4.01 與 HTML 5 之間的差異

<source> 標籤是 HTML 5 中的新標籤。

瀏覽器支援：

Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支援 <source> 標籤。

注釋：Internet Explorer 8 以及更早的版本不支援 <source> 標籤。

【相關推薦】

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

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