首先需要了解下在H5中有哪些元素，都有什么用。
HTML5提供了新元素可以构建更好的文档结构：
- <article>：定义文档内的文章
- <aside>：定义页面之外的内容
- <bdi>：定义与其它文本不同的文本方向
- <details>：定义用户可查看或隐藏的额外细节
- <dialog>：定义对话框或窗口
- figcaption：定义<figure>元素的标题
- <figure>：定义自包含内容，比如图示、图表、照片、代码清单等。
- <header>：定义文档或节的页眉
- <footer>：定义文档或节的页脚
- <main>：定义文档的主内容
- <mark>：定义重要或强调的内容
- <menuitem>：定义用户能够从弹出菜单调用的命令/菜单项目
- <meter>：定义已知范围（尺度）内的标量测量
- <nav>：定义文档内的导航链接
- <progress>：定义任务进度
- <rp>：定义在不支持ruby注释的浏览器中显示什么
- <rt>：定义关于字符的解释/发音（用于东亚字体）
- <ruby>：定义ruby注释（用于东亚字体）
- <section>：定义文档中的节
- <summary>：定义<details>元素的可见标题
- <time>：定义日期/时间
- <wbr>：定义可能的折行（line-break）
新的表单元素
- <datalist>：定义输入控件的预定义选项
- <keygen>：定义键对生成器字段（用于表单）
- <output>：定义计算结果
新的输入类型
| 新的输入类型 | 新的输入属性 |
|---|---|
| color | autocomplete |
| date | autofocus |
| datetime | form |
| datetime-local | formaction |
| formenctype | |
| month | formmethod |
| number | formnovalidate |
| range | formtarget |
| search | height和width |
| tel | list |
| time | min和max |
| url | multiple |
| week | pattern(regexp) |
| - | placeholder |
| - | requlred |
| - | step |
HTML5图像
- <canvas>：定义使用javaScript的图像绘制
- <svg>：定义使用SVG的图像绘制
新的媒介元素
- <audio>：定义声音或音乐内容
- <embed>：定义外部应用程序的容器（比如插件）
- <source>：定义<video>和<audio>的来源
- <track>：定义<video>和<audio>的轨道
- <video>：定义视频或影片内容
