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.