HTML5 新元素

• 

  HTML5新的语义/结构元素

  HTML5为更好的文档结构提供了新元素：

  元素	描述
  <article>	定义文档中的一篇文章。
  <aside>	除了页面内容之外定义的内容。
  <bdi>	隔离一部分文本，该文本可能以不同于其他文本的格式被格式化。
  <details>	定义用户可以查看或隐藏的附加细节。
  <dialog>	定义对话框或窗口。
  <figcaption>	为<figure>元素定义标题。
  <figure>	定义一块独立的内容。
  <footer>	为文档或小节定义页脚。
  <header>	为文档或小节定义页头。
  <main>	定义文档的主要内容。
  <mark>	定义被标记的/高亮的文本。
  <meter>	定义已知范围内的标量测量（量规）。
  <nav>	定义导航链接。
  <progress>	表示任务的进度条。
  <rp>	定义不支持Ruby注释的浏览器中显示的内容。
  <rt>	定义字符的解释/发音（用于东亚排版）。
  <ruby>	定义一个Ruby注释（用于东亚排版）。
  <section>	定义文档中的节。
  <summary>	为<details>元素定义一个可见的标题。
  <time>	定义日期/时间。
  <wbr>	定义一个可能的断线。

  阅读有关HTML5语义的更多信息。

• 

  HTML5新表单元素

  HTML5为表单添加的新元素：

  元素	描述
  <datalist>	指定输入控件的预定义选项列表。
  <output>	定义计算结果。

  阅读HTML表单元素中的所有新旧表单元素。

• 

  HTML5新的输入类型和属性

  新的输入类型：

  • color
  • date
  • datetime
  • datetime-local
  • email
  • month
  • number
  • range
  • search
  • tel
  • time
  • url
  • week

  新的输入属性：

  • autocomplete
  • autofocus
  • form
  • formaction
  • formenctype
  • formmethod
  • formnovalidate
  • formtarget
  • height 和 width
  • list
  • min 和 max
  • multiple
  • pattern (regexp)
  • placeholder
  • required
  • step

  了解所有输入类型。

  了解所有输入属性。

• 

  HTML5新的属性语法

  HTML5允许四种不同的属性语法。此示例演示<input>标记中使用的不同语法：

  类型	例子
  空属性	<input type="text" value="Jim" disabled>
  属性值无引号	<input type="text" value=Jim>
  属性值双引号	<input type="text" value="Jim">
  属性值单引号	<input type="text" value='Jim'>

  在HTML5中，可以使用所有四种语法，具体取决于属性所需的内容。

• 

  HTML5图形

  HTML5对图形的支持能制作出炫丽的网页：

  元素	描述
  <canvas>	通过脚本（通常是JavaScript）即时绘制图形
  <svg>	绘制可缩放矢量图形

• 

  HTML5新的媒体元素

  HTML5对多媒体的支持有以下新的元素：

  元素	描述
  <audio>	定义声音内容。
  <embed>	定义外部（非HTML）应用程序的容器。
  <source>	为<video> 或者 <audio>元素定义媒体源。
  <track>	为<video> 或者 <audio>元素定义文本轨道。
  <video>	定义视频或电影。