HTML 标签列表

HTML5 新元素

在 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它定义了一个带有电子邮件模式验证的输入字段。
month它定义输入字段以输入特定年份的月份
number它定义了仅选择数值的字段。
range它定义了一个给定范围为 1 到 100 的数值选择器。
search它用于定义搜索字段。
tel它代表输入电话号码的控件。
time它代表了一个输入没有时区的时间值的控件。
url它代表输入 URL 的输入字段
week它定义了特定年份周值的选择器。


上一主题 HTML 5 标签 下一主题 HTML5 语义
  • 使用社交账号登录,本站支持
全部评论(0)