标签语义化的好处

HTMl标签语义化，简单来说，就是让标签有含义，给某块内容用上一个最恰当最合适的标签，使页面有良好的结构，页面元素有含义，不论是谁都能够看懂这块内容是什么，并且有利于搜索引擎。
标签语义化的好处：
1. HTML结构清晰
2. 代码可读性较好
3. 无障碍阅读
4. 搜索引擎可以根据标签的语言确定上下文和权重问题
5. 移动设备能够更完美的展现网页
6. 便于团队维护和开发

现在很多大型公司的前端很注重标签语义化，团队组员能够很好的理解页面结构，便于维护，不必再焦头烂额的猜测这部分代码代表什么内容，省下了许多没必要的时间，所以在以后的页面设计中，慢慢的将使用语义化标签养成一中习惯，可以方便很多人。

所以，html5有很多的新增的标签。
header 定义页头
footer 定义页尾
nav 导航
article 定义页面独立区域，并且独立于文档的其他部分，例如，博客、新闻、评论等。
aside 侧边栏
....

section和div类似，与div不同的是，section是个语义化标签，表示的是一个节或者是一篇文章（表示文章一般会有标题等），但是div就没有语义化了，表示什么都可以。

html5的多媒体标签

就两个标签，如下：

   <video src="xx.mp4" controls></video>
    表示视频播放标签

   <audio src="xx.mp3" controls></audio>
   音频播放标签 

  上边两个的controls 是播放器控制台的显示，否则无法播放。

页面播放的视频格式主要是三种：
ogg格式
mp4格式
webm格式
但是各个浏览器对这个视频格式支持的不是很统一。所以我们会把视频的三种格式都要准备好，遇到不同的浏览器，播放不同的格式。
如下：
<video>
<source src="xxx.mp4"></source>
<source src="xxx.ogg"></source>
<source src="xxx.webm"></source>
</video>