<hgroup>

Syntax

<hgroup>
  <h1>Main Title</h1>
  <p>Subtitle or tagline</p>
</hgroup>

Examples

<hgroup>
  <h1>Codectionary</h1>
  <p>Learn to code, one tag at a time.</p>
</hgroup>

<article>
  <hgroup>
    <h2>Understanding the Event Loop</h2>
    <p>A deep dive into how JavaScript handles async code</p>
  </hgroup>
  <p>Article content...</p>
</article>

Best practices

• Use hgroup specifically to pair a heading with a subtitle or tagline, not as a general wrapper for multiple headings
• Keep the subtitle content as a paragraph or similar, not another heading level
• Do not overuse hgroup — most headings do not need a subtitle wrapper
• Test how assistive technology in your target browsers handles hgroup, since support has evolved over time

Browser compatibility

Related HTML documentation

Specifications & further reading

• HTML Living Standard