All HTML headings are available for use but the lower levels are discouraged generally.
h1. Level 1 heading
h2. Level 2 heading
h3. Level 3 heading
h4. Level 4 heading
Options
Create lighter, secondary text in any of the top 2 levels of heading with a generic <small>
tag.
h1. Level 1 heading Secondary text
h2. Level 2 heading Secondary text
Understanding usage
Page or Article level
The <h1>
element must only be used once per page. It is typically reserved for the page/article title and generally sits within a <header>
element. You can read more about using headers within documents.
Section level
The <h2>
element should be used for any form of important page-level heading, such as a section title. More than one may be used per page. Consider using this level of heading unless you need a level of less importance, such as within a sub-section.
Sub-section level
The <h3>
element should be used for any form of page-level heading which falls within a sub-section of a document hierarchy.
Other levels
For anything that requires a subtle label or definition without dominating the main copy you can use the <h4>
to <h6>
elements. The NICE UI library purposefully discourages excessive levels of [visual] hierarchy by having identical styles for these three levels of heading.