在 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 文档中的视频内容。 |
类型 | 描述 |
---|---|
color | 它代表一个定义颜色选择器的输入字段。 |
date | 它代表一个定义日期选择器的输入字段。 |
datetime | 它定义了带有时区信息的完整日期和时间显示。 |
datetime-local | 它定义了没有时区信息的日期和时间。 |
它定义了一个带有电子邮件模式验证的输入字段。 | |
month | 它定义输入字段以输入特定年份的月份 |
number | 它定义了仅选择数值的字段。 |
range | 它定义了一个给定范围为 1 到 100 的数值选择器。 |
search | 它用于定义搜索字段。 |
tel | 它代表输入电话号码的控件。 |
time | 它代表了一个输入没有时区的时间值的控件。 |
url | 它代表输入 URL 的输入字段 |
week | 它定义了特定年份周值的选择器。 |