HTML5新增标签

HTML5新增了27个标签元素,废弃了16个标签元素,主要包括结构性标签、级块性标签、行内语义性标签、交互性标签

1.结构性标签

负责Web上下文结构的定义,确保HTML文档,包括:

  • article 文章主体内容(一篇博客、一篇论坛帖子、一段用户评论、插件)
  • header 标记头部区域内容
  • footer 标记脚部区域内容
  • section 区域章节表述
  • nav 菜单导航,链接导航

2.块级性标签

完成Web页面区域的划分,确保内容的有效分隔,包括:

  • aside 注记,贴士,侧栏,摘要,插入的引用作为补充主体的内容
  • figure 对多个元素组合并展示的元素,常与figcaption联合使用
  • code 表示一段代码块
  • dialog 人与人之间对话,包含dt和dd两个组合元素(dt用于表示说话者、dd用于表示说话者的内容)

3.行内语义性标签

完成Web页面具体内容的引用和表述,丰富展示内容,包括:

  • meter 特定范围内的数值,如工资、数量、百分比
  • time 时间值
  • progress 进度条,可用max、min、step进行控制,完成对进度的表示和监听
  • video 视频元素,用于视频播放,支持缓冲预载和多种视频媒体格式
  • audio 音频元素,用于音频播放,支持缓冲预载和多种音频媒体格式

4.交互性标签

功能性内容的表达,有一定的内容和数据的关联,是各种事件的基础,包括:

  • details 表示一段具体的内容,默认不显示,通过某种方式(单击)与legend交互才会显示
  • datagrid 控制客户端数据与显示,可用于动态脚本及时更新
  • menu 用于交互菜单
  • command 用来处理命令按钮
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • HTML5 标签comment 注释标签用于在源文档中插入注释。注释内容不会被浏览器显示。为代码编写注释的好处是...
    才気莮孒阅读 4,218评论 1 25
  • HTML5新增标签 HTML5新增了27个标签元素,废除了16个标签元素,主要包括结构性标签、级块性标签、行内语义...
    我的梦想之路阅读 596评论 0 1
  • 一、什么是HTML5 HTML5 是 HTML 标准的最新演进版本。 这个术语代表了两个不同的概念:它是一个新的 ...
    韩宝亿阅读 778评论 0 1
  • 一、新增标签 结构标签 相当于有意义的div标签article:用于定义一篇文章header:定义页面的头部foo...
    大春春阅读 2,396评论 0 5
  • 初次遇到科尔姆•托宾的小说是学生时代在大学图书馆。在图书馆或者书店发现一个好作家是能让自己很开心的事情,毕竟这样的...
    谈俊新阅读 1,589评论 0 2

友情链接更多精彩内容