HTML - hgroup - the heading of a section

About

hgroup ¹⁾ or heading grouping is an element that:

• represents the heading of a section or page
• group a set of h1–h6 elements when the heading has multiple levels, such as:
  • subheadings,
  • alternative titles,
  • or taglines.

Example

Page

<article>
 <hgroup>
  <h1>Apples</h1>
  <h2>Tasty, delicious fruit!</h2>
 </hgroup>
 <p>.....</p>
 <section>
  <h1>......</h1>
  <p>......</p>
 </section>
 <section>
  <h1>......</h1>
  <p>......</p>
 </section>
</article>

Chapter / Book

<header>
 <hgroup>
  <h1>My Book</h1>
  <h2>A sample with not much content</h2>
 </hgroup>
 <p><small>Published by Dummy Publicorp Ltd.</small></p>
</header>
<section class="chapter">
 <h1>My First Chapter</h1>
 <p>This is the first of my chapters. It doesn't say much.</p>
 <p>But it has two paragraphs!</p>
</section>
<section class="chapter">
 <h1>It Continues: The Second Chapter</h1>
 <p>Bla dee bla, dee bla dee bla. Boom.</p>
</section>
<section class="chapter">
 <h1>Chapter Three: A Further Example</h1>
 <p>It's not like a battle between brightness and earthtones would go
 unnoticed.</p>
 <p>But it might ruin my story.</p>
</section>
<section class="appendix">
 <h1>Appendix A: Overview of Examples</h1>
 <p>These are demonstrations.</p>
</section>
<section class="appendix">
 <h1>Appendix B: Some Closing Remarks</h1>
 <p>Hopefully this long example shows that you <em>can</em> style
 sections, so long as they are used to indicate actual sections.</p>
</section>

Usage

hgroup prevent any subheading element h2-h6 (which acts as a secondary title) from creating a separate section of its own in any outline.