個瀏覽器的audio控件和音頻格式的兼容性各有不同。我發(fā)現(xiàn)網(wǎng)上的兼容性測試結(jié)果和實際運行的有些出入，應(yīng)該是瀏覽器更新升級后支持了某些格式。讓我們來測試一下各個瀏覽器的兼容性吧。

結(jié)果

分析

現(xiàn)在主流瀏覽器（Safari除外）都支持主流的音頻格式，為了照顧Safari，有損音樂使用MP3格式，無損音樂使用WAV格式。

各平臺測試截圖

、新的Doctype

二、圖形元素(The Figure Element )

三、<small>重新定義

四、腳本(scripts)和鏈接(links)無需type

五、引號還是不要引號

六、內(nèi)容可編輯

七、Email輸入(Inputs)

八、占位符(Placeholders)

九、本地存儲(Local Storage)

十、語義的Header和Footer

盡量不要混淆”header”和”footer”這些元素。他們只是指他們的容器。因此，將博客底部的，例如，元信息放在footer元素內(nèi)部是說得通的。這同樣也適用于header。

十一、更多HTML5表單特征(More HTML5 Form Features )

十二、IE和HTML5(Internet Explorer and HTML5)

十三、文檔某一部分的信息(hgroup)

十四、必要的屬性(Required Attribute )

十五、Autofocus屬性

同樣，HTML5的解決方案消除了對JavaScript的需要。如果一個特定的輸入應(yīng)該是“選擇”，或有重點的，默認情況下，我們現(xiàn)在可以利用自動獲取焦點屬性。

十六、Audio支持

十七、Video支持

十八、視頻預(yù)載(Preload Videos)

十九、顯示控制條

二十、正則表達式

二十一、屬性支持檢測

謹記此方法依賴于JavaScript。

二十二、mark元素(Mark Element )

二十三、什么時候使用div

二十四、什么可以開始立即使用

二十五、哪些不是HTML5(What is Not HTML5)

二十六、data屬性(The Data Attribute)

二十七、Output元素

感謝您的閱讀！我們已經(jīng)討論了很多，但可能只是觸及到HTML5的皮毛，因為內(nèi)容較多，篇幅有限，需要詳細的核心技術(shù)請私信小編領(lǐng)取。全當拋磚引玉，希望能對您的學習有所幫助！

（本篇完）