Html5新增内容标签

<canvas>画布</canvas>
<audio src=""></audio>
<video src=""></video>
<source>定义媒体资源
<video src="">
    <source src="xxx.flv">
    <source src="xxx.mp4">
    <source src="xxx.avi">
</video>

<embed src="" type="">定义嵌入的内容，比如插件
<track>为video或audio等媒体资源规定外部的文本轨道
<!--新的表单元素-->
<datalist></datalist>
定义选项列表，与input配合使用，来定义input可能的值
<input list="browsers">
<datalist id="browsers">
    <option value="IE"></option>
    <option value="FireFox"></option>
    <option value="Chorme"></option>
    <option value="Oper"></option>
    <option value="Safari"></option>
</datalist>
<keygen />规定用于表单的密钥对 生成器字段
<output>规定不同类型的输出，比如脚本的输出</output>

上面的除了canvas,audio,video,datalist,其他都可以不看，下面的要做到基本掌握

<article>定义页面独立的内容区域 文章段落， 和段落p相似</article>
<aside>定义页面的侧边栏内容</aside>
<bdi>允许设置一段文本，使其脱离父级文本方向</bdi>
<command/>定义命令按钮，比如单选框，复选框或按（只有IE支持）
<details>描述文档或文档的某个部分细节</details>
<dialog>定义对话框</dialog>
<summary>定义标签包含details的标题</summary>
<figure>规定独立的文档流内容</figure>
<figcaption>定义figure的标题</figcaption>
<footer>定义section或document文档的页脚</footer>
<header>定义文档头部 和div一样的效果，但更具有语义性</header>
<mark>定义带标记的文本</mark>
<meter>定义度量衡</meter>
<meter value="72" min="1" max="100" low="60" high="80"> </meter>
<nav>定义导航链接</nav>
<progress>定义任何类型的任务进度</progress>
<progress value="60" min="1" max="100"></progress>
<ruby>定义注释，可以用于中文的注音</ruby>
<rt>定义字符的解释或发音，也可以用于中文的注音</rt>
<rp>在ruby中使用，定义不支持ruby元素的浏览器所显示的内容</rp>
<section>定义文档中的节</section>
<time>定义日期或时间</time>
<wbr>规定在文本中何处添加换行符