H5元素初识

首先需要了解下在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>：定义计算结果

新的输入类型

HTML5图像

• <canvas>：定义使用javaScript的图像绘制
• <svg>：定义使用SVG的图像绘制

新的媒介元素

• <audio>：定义声音或音乐内容
• <embed>：定义外部应用程序的容器（比如插件）
• <source>：定义<video>和<audio>的来源
• <track>：定义<video>和<audio>的轨道
• <video>：定义视频或影片内容