本文概述
在HTML5中, 添加了许多新元素, 这些元素提供了一些额外的功能来创建吸引人的动态网站。在这些元素的帮助下, 你可以使代码变得简单快捷。
HTML5新标签
以下是新添加的元素及其说明的完整列表。
| 标签 | 描述 |
|---|---|
| 结构或语义标签 | |
| <article> | 它定义网页的独立或自包含内容。 |
| <aside> | 它定义了提供有关主要内容信息的内容。 |
| <bdi> | 它用于隔离可能在另一个方向设置格式的文本部分。 |
| <details> | 它定义了仅根据用户需求可见的附加信息。 |
| <dialog> | 它代表一个对话框或其他交互式组件。 |
| <figcaption> | 它定义<figure>元素的标题。 |
| <figure> | 它定义了一个独立的内容, 并作为一个单元引用。 |
| <footer> | 它代表网页的页脚部分。 |
| <header> | 它定义了网页的介绍性或导航性。 |
| <main> | 它指定了HTML文档的主要内容。 |
| <mark> | 它代表突出显示或标记的文本, 以供参考或标记。 |
| <meter> | 它表示已知范围内的标量值。 |
| <nav> | 它代表包含导航链接的部分。 |
| <progress> | 它定义了一个进度条, 用于显示任务的完成进度。 |
| <rp> | 它为浏览器定义了不支持ruby注释的替代内容。 |
| <rt> | 它在红宝石注释中定义了字符的解释和发音。 |
| <ruby> | 它定义了ruby注释（专门用于亚洲语言）。 |
| <section> | 它在HTML文档中定义了通用部分。 |
| <summary> | 它为<details>元素定义摘要或标题, 可以单击以更改<details>元素的状态。 |
| <time> | 它在HTML文档中定义数据/时间。 |
| <wbr> | 它指定了换行的机会。 （在可能出现换行的地方） |
| HTML5表单标签 | |
| <datalist> | 它代表输入<option>元素的预定义列表。 |
| <output> | 它用于表示一个计算结果或用户操作结果的容器元素。 |
| Graphics Tags | |
| <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 | 它为特定年份的周值定义了一个选择器。 |
