html5常用新元素总结

语义与结构元素

---

• header 定义文档的头部
• nav 定义导航内容
• aside 定义文档侧边栏内容
• footer 定义 section 或 document 的页脚
• article 定义页面独立的内容区

- section 定义文档中的节（section、区段）

• figure 规定独立的流内容（图像、图表、照片、代码等等）
• figcaption标签为 figure 元素定义标题。

figcaption元素应该被置于 figure 元素的第一个或最后一个子元素的位置。

• mark 定义带有记号的文本。ss
• progress 定义任何类型的任务的进度。

- time 定义日期或时间

• ruby 定义 ruby 注释（中文注音或字符）。
• rp 在 ruby 注释中使用，定义不支持 ruby 元素的浏览器所显示的内容。
  
  漢 (han)
  字 (zi)
  

<ruby>
  漢 <rp>(</rp><rt>han</rt><rp>)</rp>
  字 <rp>(</rp><rt>zi</rt><rp>)</rp>
</ruby>
<ruby>
  漢 <rt> ㄏㄢˋ </rt>
</ruby>

• rt 定义字符（中文注音或字符）的解释或发音。
  
  漢 ㄏㄢˋ

canvas 新元素

• canvas 标签定义图形，比如图表和其他图像。该标签基于 JavaScript 的绘图 API

新多媒体元素

• audio 定义音频内容
• video 定义视频
• soureces 定义多媒体资源 video 和 audio
• embed 定义嵌入的内容，比如插件。
• track 为诸如 video 和 audio 元素之类的媒介规定外部文本轨道。==IE 10、Opera 和 Chrome 浏览器支持 track 标签==

新的表单元素

• datalist 定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。

<input list="browsers">

<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

• keygen 规定用于表单的密钥对生成器字段==ie不支持==
• output 定义不同类型的输出，比如脚本的输出==ie不支持==