**`<h6>`** is the last and lowest of the heading levels (`<h1>`–`<h6>`) — there is no `<h7>`. By default, browsers render it smaller than regular body text in many stylesheets, which is a strong hint that reaching this level usually means the content should be restructured rather than nested even further. It exists mainly for extremely long, deeply hierarchical reference material.
1Understanding <h6>
`<h6>` is the last and lowest of the heading levels (<h1>–<h6>) — there is no <h7>. By default, browsers render it smaller than regular body text in many stylesheets, which is a strong hint that reaching this level usually means the content should be restructured rather than nested even further. It exists mainly for extremely long, deeply hierarchical reference material.
If you ever feel like you need a heading level beyond h6, that's a clear signal to restructure the content — split it into separate pages, or convert the deepest levels into a list or table instead of more headings.
<h5>Appendix B: Glossary</h5>
<h6>API</h6>
<p>Application Programming Interface.</p>
<h6>DOM</h6>
<p>Document Object Model.</p>2Practical Example
Here is a real-world application of <h6> showing how it is used in production HTML.
<!-- Anti-pattern: using h6 purely for its small default size -->
<!-- Bad -->
<h6>Photo credit: Jane Doe</h6>
<!-- Good -->
<p class="caption">Photo credit: Jane Doe</p>3Best Practices
Follow these guidelines when working with <h6>:
1. Treat reaching <h6> as a signal to reconsider the document's structure
2. Never use <h6> purely because its default small size matches a caption or label — style a <span> or <p> with CSS instead
3. Keep the full h1-h6 chain unbroken above it for a valid, navigable outline
Tip: If you ever feel like you need a heading level beyond h6, that's a clear signal to restructure the content — split it into separate pages, or convert the deepest levels into a list or table instead of more headings.
<h5>Appendix B: Glossary</h5>
<h6>API</h6>
<p>Application Programming Interface.</p>
<h6>DOM</h6>
<p>Document Object Model.</p>