HTML5新特性之语义化标签
首先让我来了解下什么是语义化标签？
语义化标签：主要让标签有自己的含义，HTML在页面中的作用就是结构和含义，
通俗点说就是划分内容，这里放什么内容，我们放的就是什么标签，让人一目了然。
语义化标签的优点：让人一目了然，结构清晰，方便解读，有利于团队合作开发，且有利于搜索引擎优化等。
常见的语义化标签
<section></section> 表示页面中的一个区块，作用类似于div，但是section更倾向于划分区块；
<article></article> 表示一块与上下文无关的独立的内容,更倾向于内容的展示；
<aside></aside> 所包含的内容不是页面的主要内容、具有独立性，通常是对页面article的补充，在其一侧；
<header></header> 通常放置整个布局的头部区域--网页的头部、某个区域的头部等；
<footer></footer> 通常放置整个布局的尾部区域，表示页面中一个内容区块或整个页面的脚注；
<nav></nav> 页面中的导航区域-导航链接；
<figure></figure> 定独立的流内容（图像、图表、照片、代码等等）（默认有40px左右margin；
<figcaption></figcaption>定义 figure 元素的标题，应该被置于 figure 元素的第一个或最后一个子元素的位置；
<main></main> 页面主要内容，一个页面只能使用一次(ie不兼容)；
<hgroup></hgroup> 标题的一个分组；
<mark></mark> 使用黄色突出显示部分文本，常用于定义高亮显示的文本(span)；
<time></time> 用来放置时间，具有自己的时间格式；
<dialog></dialog> 标记定义一个对话框(会话框)类似微信；
<video></video> 视频标签；
<audio</audio> 音频标签；
<source></source> 定义媒介资源；
<datalist></datalist> 给绑定id的list属性的元素，做提示信息的；
<output></output> 计算结果的的输出，脚本的输出；
