HTML5 新标签

HTML5中的新元素

下面是新的HTML5元素的列表，以及它们的用途的描述。

---

新的语义/结构元素

标签	描述
<article>	定义文章。
<aside>	定义页面内容之外的内容。
<bdi>	定义文本的文本方向，使其脱离其周围文本的方向设置。
<details>	定义元素的细节。
<dialog>	定义对话框或窗口。
<figcaption>	定义 figure 元素的标题。
<figure>	定义媒介内容的分组，以及它们的标题。
<footer>	定义 section 或 page 的页脚。
<header>	定义 section 或 page 的页眉。
<main>	定义文档的主要内容
<mark>	定义有记号的文本。
<menuitem>	定义用户可以从弹出菜单调用的命令/菜单项目。
<meter>	定义预定义范围内的度量。
<nav>	定义导航链接。
<progress>	定义任何类型的任务的进度。
<rp>	定义若浏览器不支持 ruby 元素显示的内容。
<rt>	定义 ruby 注释的解释。
<ruby>	定义 ruby 注释。
<section>	定义 section。
<summary>	为 <details> 元素定义可见的标题。
<time>	定义日期/时间。
<wbr>	定义可能换行。

了解更多关于HTML5语义。

---

新的表单元素

标签	描述
<datalist>	定义下拉列表。
<keygen>	定义生成密钥。
<output>	定义输出的一些类型。

阅读所有关于新老表单元素HTML表单元素。

---

新的输入类型

新的输入类型	新输入属性
<ul><li>color</li><li>date</li><li>datetime</li><li>datetime-local</li><li>email</li><li>month</li><li>number</li><li>range</li><li>search</li><li>tel</li><li>time</li><li>url</li><li>week</li></ul>	<ul><li>autocomplete</li><li>autofocus</li><li>form</li><li>formaction</li><li>formenctype</li><li>formmethod</li><li>formvalidate</li><li>formtarget</li><li>height and width</li><li>list</li><li>min and max</li><li>multiple</li><li>pattern(regexp)</li><li>placeholder</li><li>required</li><li>step</li></ul>

详细了解新旧输入类型 的HTML输入类型。
了解所有关于HTML输入属性。

---

HTML5-新的属性语法

HTML5允许四种不同的语法属性:
这个例子演示了在<input>标签的不同语法形式：

标签	描述
Empty(空)	<input type="text" value="John" disabled>
Unquoted(没有引号)	<input type="text" value=John>
Double-quoted(双引号)	<input type="text" value="John Doe">
Singlequoted(单引号)	<input type="text" value='John Doe'>

在HTML5中，四个语法都可以使用，这取决于属性的需求是什么。

---

HTML5图形

标签	描述
<canvas>	定义使用JavaScript图形绘制图形。
<svg>	定义使用矢量图绘制图形。

阅读更多关于HTML5 canvas。
阅读更多关于HTML5 SVG。

---

新媒体元素

标签	描述
<audio>	定义声音内容。
<embed>	定义外部交互内容或插件。
<source>	定义媒介源。
<track>	定义用在媒体播放器中的文本轨道。
<video>	定义视频。

阅读更多关于HTML5 <video>。
阅读更多关于HTML5 <audio>。