Qarpeo LogoInstitute

<hgroup>

The HTML <hgroup> element, now obsolete, was intended to combine several heading elements into a unified heading structure; current practices recommend using CSS or semantic HTML for this purpose.

hgroup Tag

The <hgroup> element is used to group a primary heading with one or more subheadings, typically combining <h1>–<h6> elements.

Syntax

index.html
<hgroup>
  <h1>Main Heading</h1>
  <h2>Subheading</h2>
</hgroup>

hgroup Demo

Main Heading
Subheading

Content under the grouped headings.

index.html
<hgroup>
  <h1>Main Heading</h1>
  <h2>Subheading</h2>
</hgroup>
<p>Content under the grouped headings.</p>
The <hgroup> element is used to structure multiple related headings together.

Definition and Usage

  • The <hgroup> element is designed to associate a primary heading with its subheadings, helping with content organization. Any combination of <h1> to <h6> tags can be used inside it.
The <hgroup> element has no default styling but can be customized using CSS for better presentation.

Conclusion

The <hgroup> element is intended for grouping related headings to create a more structured hierarchy. While it can improve content organization, it has limited browser support and is not commonly used in modern web development. Instead, CSS and proper semantic HTML should be preferred for structuring headings and subheadings effectively.

<h1>-to-<h6>

The <h1> to <h6> tags are used to define headings, with <h1> being the most important and <h6> the least.

<hr>

The HTML <hr> element generates a horizontal line or thematic break within a document, visually dividing content sections and signaling a change in topic or narrative.