MTSU Web Training Hub

Published

Heading Block

Getting Started

The Heading block helps organize your content by creating titles and section headers. It allows you to structure your page in a logical way, making it easier for visitors to scan and understand.

You can find demos and usage guidance for this block on the official website.

Accessibility Best Practice

  • There should be ONLY 1 H1 heading on a page – this will always be the page title.
  • Headings should not be used purely for visual styling.
  • Use headings in order—like a page outline—and don’t skip levels.
    • H1
      • H2
        • H3
      • H2
        • H3
          • H4
            • H5
              • H6
        • H3
      • H2

Heading Examples

There should be ONLY 1 H1 heading on a page – this will always be the page title.

Heading 2 (H2) | Link

Used for content titles.

Heading 3 (H3) | Link

Used in cases where an additional level of page hierarchy is needed.

Heading 4 (H4) | Link

Used in cases where an additional level of page hierarchy is needed.

Heading 5 (H5) | Link

Used in cases where an additional level of page hierarchy is needed.

Heading 6 (H6) | Link

Used in cases where an additional level of page hierarchy is needed.