HTML5新增标签
HTML5 引入了一系列新的标签，下面将详细介绍这些标签的功能和用途。
结构元素
<article>
该标签用于定义外部的内容，它是一个独立的、完整的内容块，可以在文档、页面、应用程序或网站中独立存在，如博客文章、论坛帖子等。
<aside>
定义页面内容之外的内容，其内容通常与 <article> 的内容相关，比如侧边栏、广告、补充说明等。
<figure>
用于定义一组媒介内容的分组，以及它们的标题。媒介内容可以是图片、图表、代码示例等，通过 <figcaption> 标签为其添加标题。
<section>
定义文档中的节（section，区段），可以是章节、页眉、页脚或文档中的其他部分。它用于将文档内容进行逻辑分组。
<dialog>
定义对话（会话），表示几个人之间的对话。HTML5 的 <dt> 元素可以表示讲话者，<dd> 元素可以表示讲话内容。
<footer>
定义 section 或页面的页脚，通常包含版权信息、相关链接等。
<header>
定义 section 或页面的页眉，一般包含介绍信息，如标题、导航等。
<hgroup>
用于对网页或区段（section）的标题进行组合，当一个页面或区段有多个标题时，可以使用该标签将它们组合在一起。
<nav>
定义导航链接，通常包含一组导航菜单，用于引导用户在网站中浏览不同的页面。
内联元素
<meter>
定义预定义范围内的度量，仅用于已知最大和最小值的度量，比如磁盘使用情况、完成百分比等。
<progress>
定义任何类型的任务的进度，可以使用该标签来显示 JavaScript 中耗费时间的函数的进度。
<time>
定义一个日期/时间。
内嵌元素
<audio>
定义声音内容，该元素允许多个 <source> 元素，<source> 元素可以链接不同的音频文件，浏览器将使用第一个可识别的格式。
<video>
定义视频，同样支持多个 <source> 元素，链接到不同的视频文件，浏览器将使用第一个可识别的格式。支持的视频格式及浏览器兼容性如下：
- Ogg：支持 Firefox 3.5、Opera 10.5、Chrome 3.0
- Mpeg 4：支持 Chrome 3.0、Safari 3.0
<video> 和 <audio> 元素的常用属性值：
autoplay="autoplay"：就绪后马上播放loop="loop"：播放完再次播放
交互元素
<command>
定义命令按钮。
<datalist>
定义下拉列表，与 <input> 元素配合使用，定义 input 可能出现的值，datalist 的选项不会被显示出来，它仅仅是合法的输入值列表。
<details>
定义元素的细节，用户可以展开或折叠这些细节内容。
其他元素
<canvas>
定义图形，可用于绘制路径、矩形、圆形、字符以及添加图像等。但 canvas 元素本身没有绘图能力，所有的绘制工作必须在 JavaScript 内部完成。例如，绘制渐变效果也可以在 canvas 中借助 JavaScript 实现。
<embed>
定义外部交互内容或插件，用于嵌入外部的应用程序、视频、音频等。
<event-source>
为服务器发送的事件定义目标，用于实现服务器端事件推送。
<figcaption>
定义 figure 元素的标题。
<keygen>
提供一种验证用户的可靠方法，是密钥对生成器（key - pair generator）。当提交表单时，会生成两个键，一个是私钥，一个公钥。私钥（private key）存储于客户端，公钥（public key）则被发送到服务器，公钥可用于之后验证用户的客户端证书（client certificate）。
<mark>
定义带有记号的文本，可在需要突出显示文本时使用。
<output>
定义输出的一些类型，通常用于显示表单计算结果等。
<source>
定义媒体资源，为 <audio> 和 <video> 元素提供不同格式的媒体文件。
<ruby>
定义 ruby 注释（中文注音或字符），在东亚使用，用于为汉字等字符添加注音。