HTML5 新特性（HTML5 新元素 新标签）

HTML5 新标签（新元素）

新的语义元素

HTML5提供的新元素可以更好的描述网页文档结构：

新语义标签

标签	描述
<article>	定义文章。
<aside>	定义页面内容以外的内容。
<details>	定义用户能够查看或隐藏的额外细节。
<figcaption>	定义 <figure> 元素的标题。
<figure>	规定自包含内容，比如图示、图表、照片、代码清单等。
<footer>	定义文档或节的页脚。
<header>	规定文档或节的页眉。
<main>	规定文档的主内容。
<mark>	定义重要的或强调的文本。
<nav>	定义导航链接。
<section>	定义文档中的节。
<summary>	定义 <details> 元素的可见标题。
<time>	定义日期/时间。

新的表单元素

标签	描述
<datalist>	定义输入控件的预定义选项。
<keygen>	定义键对生成器字段（用于表单）。
<output>	定义计算结果。

新的输入类型

HTML5 为 <input> 增加了如下类型：

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

**ps：**浏览器版本过低而不支持的输入类型会默认视为：text

新的输入属性

HTML5 为 <input> 增加了如下属性：

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

并为 <form> 增加如需属性：

• autocomplete
• novalidate

新的属性语法

HTML5 允许四种不同的属性语法。

示例 <input> 标签中使用的不同语法：

标签	描述
Empty	<input type="text" value="John Doe" disabled>
Unquoted	<input type="text" value=John>
Double-quoted	<input type="text" value="John Doe">
Single-quoted	<input type="text" value='John Doe'>

在 HTML5 中，根据属性所需，可能会使用所有这四种语法。

HTML5 图像

标签	描述
<canvas>	定义使用 JavaScript 的图像绘制。
<svg>	定义使用 SVG 的图像绘制。

新的媒介元素

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