HTML教程
HTML5教程
HTML参考手册

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 它为特定年份的周值定义了一个选择器。
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4