b2KIT

H1-H6 Heading Validator

Paste HTML and validate heading tag hierarchy (H1-H6). Detect missing levels, multiple H1s, and incorrect nesting with a visual tree view.

Tested tool guide Tested browser tools Checked August 16, 2026

What H1-H6 Heading Validator does and how it behaves

An h1 followed directly by an h3 is easy to miss while reading source. H1-H6 Heading Validator isolates the heading elements in pasted HTML, presents their rank relationships as a visual tree, and reports missing levels, multiple h1 elements, and hierarchy problems. The frequent misunderstanding is that it evaluates markup, not visual size. Text enlarged with CSS is not automatically a heading, while an h2 styled as small text remains an h2. The result helps you review the outline expressed by the HTML.

How the result is produced

1

Heading tree

The validator examines h1 through h6 elements in document order and displays their level relationships. Lower numbers represent higher-level headings, while higher numbers represent increasingly specific subsections. Presenting those transitions as a tree makes an unexpected jump or misplaced subsection easier to see than it would be among paragraphs, links, images, and other markup.

2

Hierarchy findings

The report calls attention to the specific structural conditions this tool audits. For example, an h2 followed by an h4 leaves h3 absent from that branch, while two h1 elements activate the multiple-h1 finding. These findings identify places for review. They do not rewrite the HTML, evaluate heading wording, or establish what the author intended the sections to mean.

Good uses

  • Before publishing a landing page, paste its HTML to find a skipped heading level introduced when content sections were reordered or removed.
  • During a CMS migration, inspect an article's generated heading markup for duplicated h1 elements or subsection ranks that no longer match the original editorial structure.
  • When reviewing a reusable page template, audit the headings contributed by banners, navigation-adjacent content, main content, and footer modules as one combined hierarchy.

Limits and checks

  • A multiple-h1 finding is not proof of an HTML syntax error. More than one h1 can appear in valid HTML, so interpret the warning as a prompt to check whether the page has competing top-level headings.
  • The result covers only the HTML supplied to the validator. Headings omitted from the pasted fragment, such as those added by a surrounding layout or separate component, cannot appear in its tree.
  • A sequence with no missing ranks can still be misleading. The validator cannot decide whether headings accurately name their sections, whether the content order makes sense, or whether ordinary text was incorrectly styled to look like a heading.

Common questions

Does every page have to contain exactly one h1?

No. A second h1 is not automatically invalid HTML, although one clear page-level h1 is a common authoring convention. This validator reports multiple h1 elements so you can identify accidental competing page titles or unexpectedly combined components. Review the complete page and its intended section structure before treating the finding as something that must be changed.

Must an h2 appear immediately after an h1?

No. Paragraphs, images, lists, and other content may occur between headings. What matters to this audit is the rank relationship: the h2 should represent a section at the appropriate level beneath the broader structure. The visual tree exposes that relationship, but it cannot determine the intended topic hierarchy, so the final decision requires human review.

References and verification

The behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.

Related Tools