HTML5新增元素

Posted 2021-06-13 JKuan

总结html5中新增加的元素

语义化标签：

元素名称	说明
article	表示文档、页面、应用或网站中的独立结构
aside	表示相关内容或者引文
footer	表示脚步区域内容
header	表示头部区域的内容
main	表示文档中主要或重要的独一无二的内容。一个文档中不能出现一个以上的 标签
nav	表示导航辅助类内容
section	表示web页面的一块区域

文字相关：

元素名称	说明
bdi	表示需要脱离父元素文本方向的一段文本。它允许嵌入一段不同或未知文本方向格式的文本
data	将一个指定内容和机器可读的翻译联系在一起。但如果内容是与time和date相关的，一定要使用
mark	表示一段需要被高亮的文字
ruby	表示被ruby注释标记的文本，如中文汉字和它的拼音
rt	表示字符的解释或者发音
rp	在ruby注释中使用，用于在不支持ruby注释显示的浏览器中提供友好的注释显示
time	表示日期或时间，也可以同时表示两者
wbr	表示建议换行，当文本太长需要换行时将会在此处添加换行符

嵌入内容：

元素名称	说明
canvas	表示图形，该元素仅提供一块画布
embed	用来插入各种多媒体
video	定义视频
audio	定义音频
source	为video或audio这类媒体元素指定媒体源
track	为video或audio这类媒体元素指定文本轨道（字幕）
svg	定义一个嵌入式矢量图
math	定义一段数学公式

表单元素：

元素名称	说明
command	表示命令按钮
datagrid	表示可选数据的列表，它以树形列表的形式来显示
datalist	代表提供给其他控件的一组预定义选项
keygen	代表一个密钥对生成器控件
output	表示不同类型的输出
meter	表示滑动条
progress	代表进度条，用来显示一项任务的完成进度

交互元素：

元素名称	说明
datdalist	表示可选数据的列表，与input元配合使用
details	表示用户要求得到并且可以得到的细节信息
summary	代表details元素的综述或标题
menuitem	代表一个用户可以点击的菜单项
menu	表示菜单列表