Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design Web Typography Final Project: Create a Typographic Site Getting Started: HTML and CSS

Mike Bronner
Mike Bronner
16,395 Points
Posted by Mike Bronner
Mike Bronner
16,395 Points

Have H5 and H6 become irrelevant?

Going through the web font course, I noticed that in both the course, as well as on websites that allow you to create type scales, all commit styling of h5 and h6 tags.

Have they become irrelevant? What are the best practices for styling them?

1 Answer

Cody Coats
Cody Coats
7,469 Points
Cody Coats
Cody Coats
7,469 Points

They are still there. It is just rare on pages to have that many subheadings. SEO wise it doesn't really matter. Styling wise just stay consistent with the understood pattern: h4 is more important than h5 which is more important than h6; and with that font sizes usually decrease as the headernumber increases.

Heres an example you might use them: 

<h1>Earth</h1>
<h2>North America</h2>
<h3>California</h3>
<h4>San Francisco</h4>
<h5>San Francisco</h5>
<h6>My Address</h6>

But see how many layers down that is. It is just rare enough that you get that far that most people dont give the effor to style them.

Mike Bronner Exactly that "I don't plan on using them anyhow". Most people don't hence why you won't find many "best practices" for using them in theme designs.

Mike Bronner
Mike Bronner
16,395 Points
Mike Bronner
Mike Bronner
16,395 Points

I find it odd that the heading size becomes smaller than the paragraph size.

Perhaps there are better ways to differentiate them, while keeping them at the same size as h4? Maybe h5 not bold, and h6 thin?

Ah well, I don't plan on using them anyhow, was just curious. :) Would be good to know what the best practices are though, to include them correctly in theme designs.