hgroup element represents the
heading of a section. The element is used to group a set of
h6 elements when the heading has
multiple levels, such as subheadings, alternative titles, or
Other elements of heading content in the
hgroup element indicate subheadings or subtitles.
The rank of an
hgroup element is the
rank of the highest-ranked
element descendant of the
hgroup element, if there are
any such elements, or otherwise the same as for an
element (the highest rank).
The section on headings and sections
hgroup elements are assigned to individual
Here are some examples of valid headings.
<hgroup> <h1>The reality dysfunction</h1> <h2>Space is not the only void</h2> </hgroup>
<hgroup> <h1>Dr. Strangelove</h1> <h2>Or: How I Learned to Stop Worrying and Love the Bomb</h2> </hgroup>
How a user agent exposes such multi-level headings in user interfaces (e.g. in tables of contents or search results) is left open to implementors, as it is a user interface issue. The first example above could be rendered as:
The reality dysfunction: Space is not the only void
Alternatively, it could look like this:
The reality dysfunction (Space is not the only void)
In interfaces where a title can be rendered on multiple lines, it could be rendered as follows, maybe with the first line in a bigger font size:
The reality dysfunction Space is not the only void