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

HTML

Posted by Irfan Ullah
Irfan Ullah
6,869 Points

Logo should be H1 or not

Whats the good way to markup logo. Is it a good Idea to use your logo as h1 and using css hiding h1 and showing logo as a background image.

3 Answers

Véronique Bellamy
Véronique Bellamy
20,810 Points
Véronique Bellamy
Véronique Bellamy
20,810 Points

It depends. You should remember to code your pages with semantic content in mind, including comment hierarchy. You could easily add an ID or class for your logo rather than dilute the power of your H1s.

It's a good SEO practice. Keep your H1s for page titles.

James Barnett
James Barnett
39,199 Points

This is excellent advice.

Irfan Ullah - For more info on this topic check out this article helpful entitled Your logo is an image, not a <h1>

Véronique Bellamy
Véronique Bellamy
20,810 Points

Yeah, but I accidentally said "comment" instead of "content". Blegh. I swear I was an English teacher in a previous life...

Irfan Ullah
Irfan Ullah
6,869 Points
Irfan Ullah
Irfan Ullah
6,869 Points

thank you guys. I am going to use my logo as image without any id or class, Its making sense to me.

Véronique Bellamy
Véronique Bellamy
20,810 Points

No problem. If you found my answer helpful, please vote it to be the "best answer". ;)

Austin Rau
PLUS
Austin Rau
Courses Plus Student 8,019 Points
Austin Rau
Austin Rau
Courses Plus Student 8,019 Points

In the future you will learn that logos should be placed in FLEX BOXES in CSS, so that it will conform to multiple viewing devices. In your case, I believe it might be a good idea to set a div tag with a ID = "logo". Hope that helps! :)

  • Austin Rau
James Barnett
James Barnett
39,199 Points

Using IDs in CSS is a somewhat controversial topic. For a great article dicussing the pro's & con's check out this article