Skip to content
Notes by Axbom
Per Axbom LinkedIn

I interrupt my regular programming to just remind everyone that there is such a thing as h1…h6 headings in html but they are supposed to be used for communicating structure of a page, not visual size.

An h2-heading in one part of your page or site does not have to be the same size as an h2-heading in another part or your page or site. The purpose of the heading is to semantically communicate hierarchy.

In fact, deciding that all h2 headings must be the same size across your website will usually lead to poor decisions with regards to the underlying structure of your page.

What does your design system say about the size of h1…h6?

So yes, the heading in your footer should likely be an h2 but it doesn’t have to be the same size as the h2 in an article. And no you shouldn’t make it an h4 ”because I want it smaller”!

This may be one of the most misunderstood elements of web design.

P.S. And yes you are allowed to have more than one h1 on a page. Yes, really.

#mythbusting

🔗 Originally posted on LinkedIn

16 Jan 2024, 12:44
Share
LinkedIn Bluesky Email
  • Notes by Axbom
  • RSS

© 2026 Notes by Axbom