HTML5 基础教程

HTML5 标签参考

HTML5 参考

HTML5 工具

original icon
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.knowledgedict.com/tutorial/html5-new-tags.html

HTML5 新标签(元素)


下面是标签(元素)已被 HTML5 引入:

标签(元素) 描述
<article> 表示文档内容的一个独立片段, 比如博客条目或报纸上的文章。
<aside > 表示与页面其他部分略微相关的内容片段。
<audio> 定义一个音频文件。
<canvas> 用于在运行时渲染动态位图图形,比如图表和游戏。
<command> 表示用户可调用的命令。
<datalist> 与输入框的 list 属性一起使用可用来创建组合框。
<details> 表示用户可以按需获取的额外信息或控件。
<embed> 定义外部交互内容或插件。
<figure> 表示一块自包含的内容流,通常被作为主文档流的独立单元引用。
<footer> 表示一个节的脚注,可以包含作者,版权信息等内容。
<header> 表示一组介绍性或者导航性的组合。
<hgroup> 表示一个节的头部。
<keygen> 表示生成密钥对的控件。
<mark> 在文档中标记或高亮文本用于引用参考,表示它在另一个上下文中的相关性。
<meter> 表示一个度量,如磁盘使用率。
<nav> 表示用于导航文档的节。
<output> 表示某种输出类型,比如通过脚本计算。
<progress> 表示一个任务的进度,比如下载或者执行一系列的昂贵操作时。
<ruby> 和 <rt> 以及 <rp> 一起使用,可用于标记 ruby 注释。
<section> 表示一个通用文档或者应用程序部分。
<time> 表示日期或时间。
<video> 定义一个视频文件。
<wbr> 表示一个换行机会。

<input> 标签新增的类型

input 元素的 type 属性现在拥有下列新值:

类型 描述
color 拾色器,可以通过色盘或者调色板来表现。
date 日历日期选择器。
datetime-local 显示日期和时间,没有设置或者指定时区。
datetime 显示完整的日期和时间,包括时区。
email 输入类型应该是邮件。
month 给定年份的月份选择器。
number 只能包含一个数字值的字段。
range 区间数值选择器,通常显示为一个滑块。
search 为搜索引擎提供关键字。比如,浏览器顶部的搜索栏。
tel 输入类型应该是电话号码。
time 时间指示器或选择器,不带时区信息。
url 输入类型应该是 URL 类型。
week 给定年份的周选择器。