html5行内元素_HTML5标签

HTML5新增了27个标签,废除了16个标签,依据现有的标准规范,按照优先等级将其定义为结构性标签、级块性标签、行内语义性标签、交互性标签4大类。下面一起来看一看。

f6130544dbce0dccda023cab6ecdb0c5.png

HTML5

一、结构性标签

结构性主要负责web的上下文结构的定义,确保HTML文档的完整性,包括以下标签;

1、section:用于表达书的一章或一节内容;

2、header:页面主体上的头部;

3、footer:页面主体的尾部;

4、nav:用于菜单导航。链接导航;

5、article:表示文章的主体内容;

二、级块性标签

级块性标签主要完成页面区域的划分,确保内容的有效分隔,包括以下标签;

1、aside:作为补充主体的内容;

2、figure:对多元素进行组合并展示的元素;

3、code:常用语代码块;

4、dialog:用于表达人与人之间的对话;

三、行内语义性标签

行内语义性标签主要完成web内容的引用和表述。是丰富内容的基础。包括以下标签;

1、meter:表示特定范围内的数值,如工资、数量、百分比等;

2、time:表示时间值;

3、progress:表示进度条;

4、video:视频元素;

5、audio:音频元素;

四、交互性标签

交互性标签主要用于功能性的内容表达,会有一定的内容和数据的关联,是各种事件的基础,包括以下标签;

1、details:用来表示一段具体的内容;

2、datagrid:用来控制客户端数据与展示;

3、menu:用于交互菜单;

4、command:用来处理命令按钮;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值