18910140161

HTML5新元素

顺晟科技

2021-06-30 16:54:22

238

总结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 表示菜单列表
元素名称 说明
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航