HTML5 新元素
在HTML5中,添加了许多新元素,这些新元素提供了一些额外的功能来创建吸引人的动态网站。借助这些元素,您可以使代码变得简单快捷。
以下是新添加的元素及其标签的完整列表。
| 标签 |
说明 |
| 结构或语义标签 |
| <article> |
它定义网页的独立或自包含内容。 |
| <aside> |
它定义了提供有关主要内容信息的内容。 |
| <bdi> |
它用于隔离可能在另一方向设置格式的文本部分。 |
| <细节> |
它定义了仅根据用户需求可见的附加信息。 |
| <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> |
它是一个容器元素,用于表示计算结果或用户操作结果。 |
| 图形标签 |
| <canvas> |
它允许通过脚本绘制图形和动画。 |
| <svg> |
它用于绘制可缩放的矢量图形。 |
| HTML5媒体标签 |
| <audio> |
它定义了声音内容。 |
| <embed> |
它定义了一个用于外部文件/应用程序/媒体的容器。 |
| <source> |
它为媒体元素定义了多个媒体资源。 |
| <track> |
它为<audio>和<video>文件定义文本轨道 |
| <video> |
它定义HTML文档中的视频内容。 |
HTML5新的<input>类型
| 类型 |
说明 |
| color |
它代表定义颜色选择器的输入字段。 |
| date |
它代表定义日期选择器的输入字段。 |
| datetime |
它定义完整的日期和时间显示以及时区信息。 |
| datetime-local |
它定义不带时区信息的日期和时间。 |
| email |
它定义一个带有电子邮件模式验证的输入字段。 |
| month |
它定义输入字段以输入特定年份的月份 |
| number |
它定义仅选择数字值的字段。 |
| range |
它定义了一个范围为1到100的数值选择器。 |
| search |
它用于定义搜索字段。 |
| tel |
它代表输入电话号码的控件。 |
| time |
它表示输入没有时区的时间值的控件。 |
| url |
它代表用于输入URL的输入字段 |
| week |
它为特定年份的周值定义了一个选择器。 |