个浏览器的audio控件和音频格式的兼容性各有不同。我发现网上的兼容性测试结果和实际运行的有些出入，应该是浏览器更新升级后支持了某些格式。让我们来测试一下各个浏览器的兼容性吧。

结果

分析

现在主流浏览器（Safari除外）都支持主流的音频格式，为了照顾Safari，有损音乐使用MP3格式，无损音乐使用WAV格式。

各平台测试截图

、新的Doctype

二、图形元素(The Figure Element )

三、<small>重新定义

四、脚本(scripts)和链接(links)无需type

五、引号还是不要引号

六、内容可编辑

七、Email输入(Inputs)

八、占位符(Placeholders)

九、本地存储(Local Storage)

十、语义的Header和Footer

尽量不要混淆”header”和”footer”这些元素。他们只是指他们的容器。因此，将博客底部的，例如，元信息放在footer元素内部是说得通的。这同样也适用于header。

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

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

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

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

十五、Autofocus属性

同样，HTML5的解决方案消除了对JavaScript的需要。如果一个特定的输入应该是“选择”，或有重点的，默认情况下，我们现在可以利用自动获取焦点属性。

十六、Audio支持

十七、Video支持

十八、视频预载(Preload Videos)

十九、显示控制条

二十、正则表达式

二十一、属性支持检测

谨记此方法依赖于JavaScript。

二十二、mark元素(Mark Element )

二十三、什么时候使用div

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

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

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

二十七、Output元素

感谢您的阅读！我们已经讨论了很多，但可能只是触及到HTML5的皮毛，因为内容较多，篇幅有限，需要详细的核心技术请私信小编领取。全当抛砖引玉，希望能对您的学习有所帮助！

（本篇完）