Heading

Overview

Headings are an important element in creating structured pages. They help users quickly navigate and understand the content of a page.

We have six level heading styles from H1 to H6

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Rules

  • H1 is used by default for the titles of pages.
  • H2 should be used to divide sections inside a page.
  • H3 to H6 should be used to categorize content in a logical order from most important to less important.
  • In order to follow accessibility guidelines you should always ensure that headings are used in a logical order and that they are properly nested. This helps users who rely on assistive technologies to navigate the content.
  • Headings can also impact search engine optimization (SEO). Use relevant keywords in your headings to help search engines understand the content of your page.
  • Do not use headings solely for formatting purposes, such as making text larger or bold. Headings should be used to structure content, not to style it.
  • In order to ensure uniformity when you choose a heading it is already styled how it is supposed to. Please do not add any styling to the headings, such as bold, underline etc.
Top