HTML Basics
HTML Headings
Headings organise your page into sections and sub-sections. HTML gives you six levels, from h1 (most important) down to h6 (least important).
The Six Heading Levels
HTML has six heading elements. h1 is the largest and most important, while h6 is the smallest. They create a clear outline of your content.
<h1>Main Title</h1>
<h2>Section</h2>
<h3>Sub-section</h3>
<h4>Smaller heading</h4>
<h5>Even smaller</h5>
<h6>Smallest heading</h6>Why Headings Matter
- Search engines use headings to understand your page structure, which helps SEO.
- Screen readers let users jump between headings, improving accessibility.
- Readers scan headings to find what they need quickly.
| Tag | Level | Typical use |
|---|---|---|
| <h1> | 1 (top) | The single main title of the page |
| <h2> | 2 | Major sections |
| <h3> | 3 | Sub-sections inside an h2 |
| <h4> to <h6> | 4-6 | Deeper nested headings (used rarely) |
💡
Use only one h1 per page and never skip levels for styling. Do not jump from h1 straight to h4. If you want smaller text, use CSS instead of choosing a lower heading.