HTML Headings

HTML headings (<h1> through <h6>) define the structural outline of a web page. They act like section and subsection titles in a document, helping readers and browsers understand how content is organized.

<h1> is the top-level heading and typically represents the main subject of the page.

<h2> through <h6> represent progressively nested subheadings.

Headings should be used to reflect the hierarchical structure of your content—not for visual appearance alone.

Why Headings Matter

For Users

Headings help divide the page into digestible sections.
They make content easier to scan and understand by signaling topic changes and relationships between sections.

For Accessibility

Screen readers allow users to jump between headings, offering a quick way to navigate content without reading the entire page linearly.
Properly structured headings provide a clear outline of the page for users with visual impairments.

For Search Engines

Headings provide semantic clues that help search engines interpret your content.
Using descriptive headings improves search engine optimization (SEO) and discoverability.