HTML5 新元素

2025 年 3 月 25 日 | 阅读 3 分钟

在 HTML5 中，添加了许多新元素，它们提供了创建引人注目且动态的网站的额外功能。借助这些元素，您可以使代码变得简单快捷。

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 文档中定义了视频内容。

HTML5 新的 <input> 类型

类型	描述
color	它表示一个输入字段，该字段定义了一个颜色选择器。
date	它表示一个输入字段，用于定义日期选择器。
datetime	它定义了带时区信息的完整日期和时间显示。
datetime-local	它定义了不带时区信息的日期和时间。
email	它定义了一个具有电子邮件模式验证的输入字段。
月份	它定义了用于输入特定年份月份的输入字段。
数字	它定义了一个只选择数字值的字段。
range	它定义了一个数字选择器，其范围为 1 到 100。
search	它用于定义搜索字段。
tel	它表示一个用于输入电话号码的控件。
time	它表示一个用于输入不带时区的时间值的控件。
url	它表示一个用于输入 URL 的输入字段。
week	它定义了一个用于输入特定年份的星期值的选择器。