Menu
The h1
to h6
tags, or Heading elements, define HTML headings, with <h1>
being the most important and <h6>
being the least.
Heading elements should not be used to resize text. This should be done using CSS instead. There should only be one <h1>
tag per page, and heading levels should not be skipped. Use <h1>
, then <h2>
, and so on.
<article>
<h1>This is the main title</h1>
<p>This is some content.</p>
<h2>This is a secondary heading</h2>
<p>This is some additional content.</p>
<h3>And another, smaller heading</h3>
<p>This is some more additional content.</p>
</article>
User-submitted codepen.io examples of <h1> – <h6>
↴
Submit a codepen.io link that demonstrates <h1> – <h6>
: