Heading Content Relationships
Use Headings for content structure, correctly. Headings communicate the organization of the content on the page. Web browsers, plug-ins, and assistive technologies can use Headings to provide in-page navigation relationships.
- Do not use text formatting, like large or bold text, to fake Headings.
- Use real HTML <h1> to <h6> Heading tags.
- Do not use Headings to achieve visual results only.
- Nest Headings by their rank (or level).
- The most important Heading has the rank one <h1>, and the least important Heading rank six <h6>.
- Headings with an equal or higher rank start a new section. Headings with a lower rank start new subsections that are part of the higher ranked section.
- Skipping Heading ranks can be confusing and should be avoided where possible. That is, make sure that a <h2> is not followed directly by an <h4>.