HTML 中的 hgroup 标签

2025年3月17日 | 阅读 3 分钟

hgroup元素代表一个部分的标题。当标题包含多个级别时,如副标题、备用标题或标语时,该元素用于将h1-h6组件集合在一起。

当包含一个或多个从<h1>到<h6>的标题元素(如标题和副标题)时,HTML中的<hgroup>标签被称为标题组,用于对标题元素进行分组。<hgroup>标签需要匹配的开始和结束标签。

hgroup标签在HTML中的语法如下:

对于文档摘要、大纲等目的,hgroup元素的文本被定义为hgroup元素后代中最高排名的h1-h6元素的文本(如果存在此类元素),如果存在多个相同排名的元素,则为第一个此类元素的文本。如果不存在此类元素,则hgroup元素的文本为空字符串。

hgroup元素中的其他标题内容组件指示副标题或小标题。

hgroup元素中的附加标题内容元素指示副标题和次标题。

如果hgroup元素的h1-h6元素后代中有任何高排名的元素,则hgroup元素的排名就是该元素的排名;如果没有,则与h1元素的排名(最高排名)相同。

以下是一些适当标题的演示。每个实例中突出显示的文本对应于收集标题数据的程序将用作标题的文本,同时忽略副标题。

在这些情况下,hgroup的目的是将h2元素从大纲算法中隐藏,h2元素充当辅助标题。

另一个展示hgroup标签工作原理的例子是:

HTML 代码

输出

hgroup Tag in HTML

在上面的例子中,我们已经将两个标题放入了<hgroup>中。

HTML 代码

另一个实现hgroup标签的例子是:

输出

hgroup Tag in HTML

另一个也包含hgroup标签中的标题、副标题和元数据信息的例子。

HTML 代码

输出

hgroup Tag in HTML

搜索表单、任何相关标志以及一个部分的目录都可以包含在header元素中。hgroup元素表示一个部分的标题。当标题包含多个级别时,例如副标题、备用标题或标语,该元素用于组织h1-h6组件的集合。

<hgroup>元素用作两个或多个相关标题组件的容器,这些组件可以是<header>元素的一部分。它应用于标语、备用标题和副标题。它只能包含一组<h1>-<h6>元素。

此标签包含一个标题、一个或多个<p>元素以及<hgroup>标签。从<h1>到<h6>,任何标题都可以是<hgroup>元素内部的标题。当使用<hgroup>元素时,浏览器不会显示任何独特的内容。

注意:在HTML5中,该标签被引入后又被废弃。它不再包含在W3C HTML5规范中。

“subhead”是一个更好的替代方案。给HTML 5添加subhead元素。在适用的地方,将现有文本“hgroup”的实例替换为“subhead”。


下一个主题HTML固定表格列宽