HTML5hgroup语言标签和作用,HTML5标签:hgroup元素的使用方法及作用

html元素标签是html5中新增的标签,主要对多层级的h1~h6标题进行分组,下面,我们就详细了解一下标签的使用方法及作用。

标签定义

标签被用来对多级标签进行分组,将 h1~h6标题元素包裹起来;

标签通常是将多层级的h1~h6元素进行分组,也可以将一个article 元素里的主标题和子标题进行分组。

标签是 HTML 5 中新增的标签。

浏览器支持情况

标签已被 IE9、Firefox、Opera、Chrome 和 Safari 支持;

但在 IE 8 或 更早版本的 IE 浏览器中,不被支持。

标签用法

标签代表“网页”或“section”的标题,当元素有多个层级时,该元素可以将h1到h6元素放在其内。

1、只要页面中内容区块有主标题和副标题,就可以对其进行组合,演示代码如下:

内容区块主标题

内容区块副标题

2、标签用于文章(article标签)或者某段独立的内容区块,演示代码如下:

这是文章标题一

这是文章标题二

这是文章的一些基本信息,比如摘要,作者,发布日期等等

文章内容

3、标签用于章节、段(section标签)中或者需要分区块的地方,演示代码如下:

这是章节父标题一

这是章节子标题二

这里是章节或者分区块的一些基本信息介绍

章节或者分区块的内容

以上代码中有父标题和子标题,使用标签对其进行包裹组合。

标签注意事项

标签只是对标题进行组合,而对标题的样式没有影响。

如果只需要一个h1-h6标签就不用hgroup

如果有连续多个h1-h6标签就用hgroup

如果在页面头部、文章头部、章节或者分段分块的头部,至少有两个主题标签,才可以使用标签,如果只有一个主题标签,则不需要使用;

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值