目录搜索
Attributesaccesskey (attribute)class (attribute)contenteditable (attribute)contextmenu (attribute)data-* (attribute)dir (attribute)draggable (attribute)dropzone (attribute)Global attributeshidden (attribute)id (attribute)itemid (attribute)itemprop (attribute)itemref (attribute)itemscope (attribute)itemtype (attribute)lang (attribute)slot (attribute)spellcheck (attribute)style (attribute)tabindex (attribute)title (attribute)translate (attribute)Elementsaabbraddressareaarticleasideaudiobbasebdibdoblockquotebodybrbuttoncanvascaptioncitecodecolcolgroupdatadatalistdddeldetailsdfndialogdivdldtemembedfieldsetfigcaptionfigurefooterformh1headheaderhrhtmliiframeimginputinput type="button"input type="checkbox"input type="color"input type="date"input type="datetime"-localinput type="email"input type="file"input type="hidden"input type="image"input type="month"input type="number"input type="password"input type="radio"input type="range"input type="reset"input type="search"input type="submit"input type="tel"input type="text"input type="time"input type="url"input type="week"inskbdlabellegendlilinkmainmapmarkmenumenuitemmetameternavnoscriptobjectoloptgroupoptionoutputpparampicturepreprogressqrprtrtcrubyssampscriptsectionselectslotsmallsourcespanstrongstylesubsummarysuptabletbodytdtemplatetextareatfootththeadtimetitletrtrackuulvarvideowbrMiscellaneousAttributesBlock-level elementsCORS enabled imageCORS settings attributesElementInline elementsKinds of HTML contentLink typesMicrodataOptimizing your pages for speculative parsingPreloading contentReferenceSupported media formatsUsing the application cacheObsoleteacronymappletbasefontbigblinkcentercommandcontentdirelementfontframeframesethgroupimageinput type="datetime"isindexkeygenlistingmarqueenextidnoframesplaintextstrikettxmp
文字

这是一个实验中的功能

此功能某些浏览器尚在开发中,请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订,所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

HTML<hgroup>Element(HTML Headings Group Element) 代表一个段的标题。它规定了在文档轮廓里(the outline of the document )的单一标题是它所属的隐式或显式部分的标题。

内容类别

流量内容,标题内容,可触及的内容。

允许的内容

一个或多个<h1>,<h2>,<h3>,<h4>,<h5>和/或<h6>。

标记遗漏

没有,起始和结束标签都是强制性的。

允许父母

任何接受流内容的元素。

允许ARIA角色

标签,演示文稿

DOM界面

HTML元素

属性

这个元素仅包含全局属性。

使用说明

<hgroup>元素已从HTML5(W3C)规范中删除,但仍在WHATWG版本的HTML中。尽管在大多数浏览器中部分实现,所以不太可能消失。

但是,考虑到<hgroup>元素的关键目的是影响HTML规范中定义的轮廓算法如何显示标题- 但HTML轮廓算法没有在任何浏览器中实现,那么<hgroup>语义实际上只是理论上的。

因此,HTML5(W3C)规范提供了如何在不使用<hgroup>标记子标题,字幕,替代标题和标语的建议。

<hgroup>元素允许文档部分的主标题与任何次级标题(例如小标题或替代标题)分组,以形成多级标题。

换句话说,这个<hgroup>元素可以防止任何一个二级<h1>–<h6>孩子在大纲中创建他们自己的单独的部分 - 这些<h1>–<h6>元素通常会在没有任何子元素的情况下进行<hgroup>

所以在HTML规范中定义的HTML轮廓算法产生的抽象轮廓中,<hgroup>整体形成一个单一的逻辑标题,整个<h1>–<h6><hgroup>轮廓作为一个多级单元进入轮廓,构成单一的抽象大纲中的逻辑标题。

为了产生这样一个大纲的任何(非抽象的)呈现的视图,必须在呈现工具的设计中做出关于如何呈现<hgroup>标题以便表达它们的多层次性质的选择。<hgroup>渲染后的轮廓可能有多种显示方式; 例如:

  • 一个<hgroup>可能被示出为处于呈现的轮廓与冒号和空格(“ :”)或其他这样的标点会在主标题后

或所述第一次级标题之前(和具有相同或相似的标点符号任何其他辅助标题之前)

  • 一个<hgroup>可能会显示在一个呈现的大纲中,主要标题之后是次要标题周围的括号,

思考下面的HTML文档:

<!DOCTYPE html><title>HTML Standard</title><body>  <hgroup id="document-title">    <h1>HTML</h1>    <h2>Living Standard — Last Updated 12 August 2016</h2>  </hgroup>  <p>Some intro to the document.</p>  <h2>Table of contents</h2>  <ol id=toc>...</ol>  <h2>First section</h2>  <p>Some intro to the first section.</p></body>

该文档的大纲应如下所示:

也就是说,呈现的轮廓可能会显示主标题,HTML,后面跟冒号和空格,后面是辅助标题Living Living  -  2016年8月12日最后更新

或者,该文档的呈现大纲可能会改为如下所示:

也就是说,呈现的大纲可能会显示主要标题HTML,后面是括号中显示的次要标题:( 生活标准 - 最近更新时间2016年8月12日)

示例

<hgroup id="document-title">  <h1>HTML</h1>  <h2>Living Standard — Last Updated 12 August 2016</h2></hgroup>

规范

状态

评论

HTML生活标准该规范中'<hgroup>'的定义。

生活水平


浏览器兼容性

Feature

Chrome

Edge

Firefox

Internet Explorer

Opera

Safari

Basic Support

5

(Yes)

4

9

11.1

4.1

Feature

Android

Chrome for Android

Edge mobile

Firefox for Android

IE mobile

Opera Android

iOS Safari

Basic Support

2.2

(Yes)

(Yes)

4

9

11

4.2

上一篇:下一篇: