這篇文章主要介紹了html5中如何使用source標(biāo)簽，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站制作、做網(wǎng)站、外貿(mào)營銷網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的商州網(wǎng)站設(shè)計(jì)、移動媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

html5 source標(biāo)簽定義和用法：

標(biāo)簽為媒介元素（比如

標(biāo)簽允許您規(guī)定可替換的視頻/音頻文件供瀏覽器根據(jù)它對媒體類型或者編解碼器的支持進(jìn)行選擇。

HTML5標(biāo)簽實(shí)例：

擁有兩份源文件的音頻播放器。瀏覽器應(yīng)該選擇它所支持的文件（如果有的話）：

標(biāo)簽基本屬性：

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

• src：媒體文件的 URL（值：URL）。

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

注：標(biāo)簽標(biāo)簽支持html全局屬性和html事件屬性

html5 source標(biāo)簽的格式：

HTML5media屬性：

使用 media 屬性：

HTML5media屬性定義和用法：

media 屬性規(guī)定媒體資源的類型（文件是為何種媒體/設(shè)備進(jìn)行了優(yōu)化）。

瀏覽器可使用該屬性來判斷它是否能播放這個文件。如果不能播放，則可以選擇不進(jìn)行下載。

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

HTML5media屬性語法：

注：因?yàn)槿魏螢g覽器都不支持標(biāo)簽的media屬性。所以就不多說了。

HTML5src屬性：

HTML5src屬性的定義和用法：

src 屬性規(guī)定要播放的媒體文件的 URL。

HTML5src屬性的語法：

HTML5src屬性的使用實(shí)例：

帶有兩個資源文件的音頻播放器。瀏覽器應(yīng)該選擇它支持的那個文件（如果有的話）：

HTML5src屬性的屬性值：

HTML5type屬性：

HTML5type屬性的定義和用法：

type 屬性規(guī)定媒體資源的 MIME 類型。

type 屬性的使用：

HTML5type屬性的語法：

HTML5type屬性的屬性值：

HTML 4.01 與 HTML 5 之間的差異

標(biāo)簽是 HTML 5 中的新標(biāo)簽。

瀏覽器支持：

Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 標(biāo)簽。

注釋：Internet Explorer 8 以及更早的版本不支持 標(biāo)簽。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享html5中如何使用source標(biāo)簽內(nèi)容對大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)，詳細(xì)的解決方法等著你來學(xué)習(xí)!