第四集 HTML5 新增的一些标签

结构和语义化标签

主要用来对页面结构进行划分，页面结构划分为顶部、导航、内容(页眉、区块)、页脚等。

• <header>一般网页头部信息/标题。
• <nav>导航条部分内容。
• <section>独立内容区块，一般内容区。
• <article>特殊独立区块，表示页眉中核心内容。
• <aside>标签内容之外，与标签内容相关的辅助信息。
• <figcaption>定义 <figure> 元素的标题
• <figure>独立单元，如有图文混合模块。
• <hgroup>头部信息/标题相关信息。
• <footer>底部信息。
• <bdi>允许您设置一段文本，使其脱离其父元素的文本方向设置。
• <command>定义命令按钮，比如单选按钮、复选框或按钮
• <details>用于描述文档或文档某个部分的细节
• <dialog>定义对话框，比如提示框
• <summary>标签包含details元素的标题
• <mark>定义带有记号的文本。
• <meter>定义度量衡。仅用于已知最大和最小值的度量。
• <progress>定义任何类型的任务的进度。
• <ruby>定义 ruby 注释（中文注音或字符）。
• <rt>定义字符（中文注音或字符）的解释或发音。
• <rp>在 ruby 注释中使用，定义不支持 ruby 元素的浏览器所显示的内容。
• <time>定义日期或时间。
• <wbr>规定在文本中的何处适合添加换行符。

<header>顶部信息</header>
<nav>导航信息</nav>
<div>
  <section>
    <hgroup>标题相关</hgroup>
    <article>图文混合内容</article>
    <footer>底部信息</footer>
  </section>
  <aside>
  侧边栏
  </aside>
</div>
<footer>底部</footer>

多媒体标签

• <audio>定义音频内容
• <video>定义视频（video 或者 movie）
• <source>定义多媒体资源 <video> 和 <audio>
• <embed>定义嵌入的内容，比如插件。
• <track>为诸如 <video> 和 <audio> 元素之类的媒介规定外部文本轨道。
• <canvas>标签定义图形，比如图表和其他图像。该标签基于 JavaScript 的绘图 API

表单标签

• <datalist>定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。
• <keygen>规定用于表单的密钥对生成器字段。
• <output>定义不同类型的输出，比如脚本的输出。