HTML教程-HTML5新增元素
在HTML5中，添加了许多新的元素，这些元素提供了一些额外的功能，用于创建引人注目且具有动态性的网站。借助这些元素，您可以使您的代码更加简洁和快速。
HTML5新增标签
以下是新增元素的完整列表及其描述。
| 标签 | 描述 |
|---|---|
| 结构性或语义化标签 | |
<article> | 定义网页的独立或自包含内容。 |
<aside> | 定义提供关于主要内容的信息的内容。 |
<bdi> | 用于隔离可能以另一方向格式化的文本部分。 |
<details> | 定义仅在用户需要时可见的附加信息。 |
<dialog> | 表示对话框或其他交互组件。 |
<figcaption> | 为<figure>元素定义标题。 |
<figure> | 定义独立的内容块，并将其作为单个单元引用。 |
<footer> | 表示网页的页脚部分。 |
<header> | 定义网页的引导或导航内容。 |
<main> | 指定HTML文档的主要内容。 |
<mark> | 表示突出显示或标记的文本，用于参考或注释的目的。 |
<meter> | 表示在已知范围内的标量值。 |
<nav> | 表示包含导航链接的部分。 |
<progress> | 定义显示任务完成进度的进度条。 |
<rp> | 为不支持ruby注释的浏览器定义替代内容。 |
<rt> | 定义ruby注释中字符的解释和发音。 |
<ruby> | 定义ruby注释（特别用于亚洲语言）。 |
<section> | 定义HTML文档中的通用节。 |
<summary> | 为<details>元素定义摘要或标题，可点击以改变<details>元素的状态。 |
<time> | 定义HTML文档中的日期/时间。 |
<wbr> | 指定换行机会（在可能的位置进行换行）。 |
| HTML5表单标签 | |
<datalist> | 表示输入<option>元素的预定义列表。 |
<output> | 用作容器元素，表示计算结果或用户操作的输出。 |
| 图形标签 | |
<canvas> | 允许通过脚本绘制图形和动画。 |
<svg> | 用于绘制可缩放矢量图形。 |
| HTML5媒体标签 | |
<audio> | 定义音频内容。 |
<embed> | 定义用于外部文件/应用程序/媒体的容器。 |
<source> | 为媒体元素定义多个媒体资源。 |
<track> | 为<audio>和<video>文件定义文本轨道。 |
<video> | 在HTML文档中定义视频内容。 |
HTML5新增的<input>类型
| 类型 | 描述 |
|---|---|
| color | 表示输入字段，定义颜色选择器。 |
| date | 表示输入字段，定义日期选择器。 |
| datetime | 定义完整的日期和时间显示，包括时区信息。 |
| datetime-local | 定义不包含时区信息的日期和时间。 |
| 定义带有电子邮件模式验证的输入字段。 | |
| month | 定义用于特定年份的月份输入字段。 |
| number | 定义仅选择数值的字段。 |
| range | 定义具有给定范围（1到100）的数值选择器。 |
| search | 用于定义搜索字段。 |
| tel | 表示用于输入电话号码的控件。 |
| time | 表示用于输入不带时区的时间值的控件。 |
| url | 表示用于输入URL的输入字段。 |
| week | 定义特定年份的周选择器。 |
