<h6>: The H6 Element

Last updated: 2026-10-13

<h6>The H6 Element

The <h6> element is a level-6 heading, the deepest level in the heading hierarchy.

Category	Text Content
Content Model	Flow content, heading content
Allowed Parents	Any element that accepts flow or heading content
Content Tag	Yes — requires closing `</h6>` tag
Status	Standard

📝 Syntax

<h6>Level 6 heading</h6>

See all global attributes → See all event attributes →

▶ Example

Edit the code below and see the live result in the playground:

▶ Try it

🌐 Browser Support

Browser	Chrome	Edge	Firefox	Safari	Opera
<h6>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
Supported in all major browsers

❓ FAQ

Qh6 is the lowest heading level — can I go deeper?

AHTML headings stop at h6; there is no h7. For deeper content, use nested lists, <section> with indentation, or restructure to reduce depth.

QDoes any page really need h6?

ARarely — it appears in very long technical documentation and statutes. Most pages are fine with h1-h4. Filling all six levels for its own sake is pointless; hierarchy should reflect the actual content structure.

QIs h6 being smaller than body text normal?

AYes. The browser default stylesheet sets h6 below body text size (about 0.67em, a legacy setting). Real projects usually reset the heading scale with CSS so headings are never smaller than body text.

<h6> — headings tutorial

📚 Related Tutorials

HTML Headings

HTML Headings Tutorial

Learn heading hierarchy.

Web-Tutorial Tech Team

A team of developers maintaining programming tutorials. Each tutorial is written and reviewed by developers with expertise in that field. We work to keep our content accurate and reliable — if you spot an issue, please let us know.

About Us