Widely availableSupported across all major browsers. Safe to use in production.
Text and structure Widely available

<hgroup>

The <hgroup> element represents a heading and related content.

Text and structure

Overview

The <hgroup> element represents a heading and related content.

Browser support

Feature Desktop Mobile
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
<hgroup>
5
12
4
5
18
4.2
1+Supported (version) Not supported ※Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)

Syntax

HTML 
<hgroup>
  <h1>Main Title</h1>
  <p>Subtitle or supplementary text</p>
</hgroup>

Live demo

taitl and sataitl

heading and sataitl groupization. with hgroup

PreviewFullscreen

usage with articleheader.

and. with article. heading and kicopi- hgroup.

PreviewFullscreen

Multiplelevell. headinggroup

combination. with differentlevell. heading hgroup.

PreviewFullscreen

Use cases

  • Using <hgroup>

    The <hgroup> element represents a heading and related content.

Cautions

  • May not be supported in older browsers.

Accessibility

  • Verify how this element is announced by screen readers.

Related links

Powered by web-features