Headings are used to structure sections of content on a page. They enable skimming and add semantic value which is used by screen readers and search engines.

Heading levels range from 1 - 6. Referred to as h1, h2, h3, etc

Heading 1 <h1> is reserved for the page title. It should be the first heading on the page, and there should generally only be one h1 per page.

Headings provide semantic structure to a document and need to follow the numerical order. The first content heading should be h2. If that section has a sub-heading it will be a h3.

What to avoid

  • Don't use bold instead of a heading as it doesn't have the same semantic meaning.
  • Don't skip heading levels.

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6