HTML5学习笔记-基础篇2-新元素概览

HTML4经历了多年的应用，出现了很多通常的需求用法，HTML5应对通用的需求，新增了不少新的结构元素。

标签元素的详解可参看 http://www.w3school.com.cn/tags/index.asp

布局元素：

• <nav>：导航。
• <header>：页面头部。
• <article>：文章。
• <section>：章节。
• <aside>：侧边栏。
• <footer>：页面的页尾
• <details>：定义元素的细节。
  
• <summary>：为 <details> 元素定义可见的标题。
  

格式：

• <bdi>：定义文本的文本方向，使其脱离其周围文本的方向设置。
• <mark>：定义有记号的文本。
• <meter>：定义预定义范围内的度量。与进度条<progress>要区分
• <progress>：定义任何类型的任务的进度。
• <rp>：定义若浏览器不支持 ruby 元素显示的内容。
• <rt>：定义 ruby 注释的解释。
• <ruby>：定义 ruby 注释。用于东亚文字的拼音标注。
• <time>：定义日期/时间。
• <wbr>：随机换行标签。不像<br>强制换行，<wbr>只在超出边界时优先换行。

表单：

• <datalist>：定义下拉列表。配合<input>标签使用。
• <keygen>：定义生成密钥。
• <output>：定义输出的一些类型。根据form中其他元素计算得出结果做为<output>的值。

图像元素：

• <canvas>：画布，结合js提供图像处理功能。
• <figure>：分组元素，用于标识独立的流内容。 
• <figcaption>：<figure>元素的子元素，代表图片中的标题。

音频/视频

• <audio>：定义声音内容。
• <source>：定义媒介源。
• <track>：定义用在媒体播放器中的文本轨道。
• <video>：定义视频。

<embed> 为外部应用程序（非 HTML）定义容器。