HTML5新元素 HTML5新元素|HTML5

本文概述

HTML5新标签
HTML5新的< input> 类型

在HTML5中, 添加了许多新元素, 这些元素提供了一些额外的功能来创建吸引人的动态网站。在这些元素的帮助下, 你可以使代码变得简单快捷。
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	它定义了没有时区信息的日期和时间。
email	它使用电子邮件模式验证定义输入字段。
month	它定义输入字段以输入特定年份的月份
number	它定义仅选择数字值的字段。
range	它定义一个数值选择器, 其范围为1到100。
search	它用于定义搜索字段。
tel	它代表输入电话号码的控件。
time	它表示输入没有时区的时间值的控件。
url	它代表输入URL的输入字段
week	它为特定年份的周值定义了一个选择器。