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 |
它为特定年份的周值定义了一个选择器。 |