复习前端知识，增进项目开发的知识储备，今天这篇博客复习的是Html5新增的一些标签内容。

相比较之前的html版本，html5在网页制作中加入更多如下具有语义性的标签，帮助前端人员更高效地开发一个网页。

大致布局界面如下：

代码如下（示例）：

主要新增了以下两个标签

1.关于audio标签： 注意兼容性：

同一份代码，在不同的浏览器会因为兼容性不同而出现各种问题，比如同样audio标签装载的音频，会因为装在音频的格式不同，在不同的浏览器中出现不能播放等情况。 但可以看到的是，几乎所有浏览器都支持mp3格式的音频，因而在选择播放音频时，应尽量选择mp3格式的音频便于兼容。

代码如下（示例）：

audio标签中： 1.src属性代表引用的音频路径 2.autoplay代表页面打开后是否会进行自动播放，需要注意的是Chrome浏览器已警用了音频自动播放的属性 3.controls代表是否会有原生的音频控件

2.关于video标签： 注意兼容性：

视频的兼容性与音频大抵相同，在有条件的情况下，尽可能应选择mp4作为音频的播放格式。

代码如下（示例）：

audio标签中： 1.src属性代表引用的视频路径 2.autoplay代表页面打开后是否会进行自动播放，需要注意的是Chrome浏览器已警用了视频自动播放的属性；但可以通过修改*muted=“muted”*属性来实现视频的静音播放功能。 3.controls代表是否会有原生的音频控件 4.poster代表视频尚未加载完成时，会有一张图片代替视频进行显示

在html5中，针对用户的输入框增加了许多语义，如用户在界面搜索时，搜索的输入框的类型应该为"search" 而不应是"input"。

针对不同的输入类型，html5的表单属性增加了 以下语义： 代码如下（示例）：

Html5新增的标签属性很多，具体的用法还需要更多得查阅文档，前端有很多值得学习的东西，希望自己能学好前端，做好知识迁移，更好地从事开发。