HTML <h3> element

The <h3> element represents a third-level heading. It normally introduces a subsection within a section headed by <h2>. For example, "Installation" and "Configuration" could be two <h3> headings within a "Getting started" section.

Both of those subsections have the same rank. If "Installation" needs further subdivision, its own subsections would normally use <h4>. When the document returns to another main section, it can return to <h2>. These changes of rank express how the topics relate to one another.

Heading levels help assistive technology present the organisation of a document. When introducing a deeper subsection, use the next rank in sequence without skipping a level. An <h3> contains the heading text; the subsection's paragraphs and any further headings follow it.

Its appearance can be controlled with CSS, including font size, weight, and margins. These visual changes leave its meaning as a third-level heading intact.

Attributes: GLOBALS.

Typical layout:
<h1>Software guide</h1>
<h2>Getting started</h2>
<h3>Installation</h3>
<p>Choose the installer for your operating system.</p>

Visual representation: