← All Tools

HTML Heading Outline

Paste an HTML document or a fragment to see its heading tree (<h1>–<h6>). The tool flags accessibility and SEO issues — multiple top-level headings, skipped levels (an h2 followed by an h4), empty heading text, headings inside aria-hidden regions, and headings nested in HTML5 sectioning elements that may produce unexpected outlines. Everything runs in your browser; the HTML is parsed in a sandboxed DOMParser — no scripts execute.

πŸ“ HTML input

Headings inside <template>, <script>, and HTML comments are skipped. Hidden headings (hidden, display:none inline, aria-hidden="true") are reported.

🌳 Outline

Add HTML on the left to see the outline.

🚨 Issues

No HTML parsed yet.

πŸ“„ Markdown outline

β€”

πŸ“ƒ Plain-text outline

β€”

πŸ“š What the rules mean