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

CSS CSS Layout Basics Getting Started with CSS Layout Centering Page Content and Creating a Full-width Header

Alejandro Udinov
Alejandro Udinov
727 Points
Posted by Alejandro Udinov
Alejandro Udinov
727 Points

Why can't /couldn't .main-header or header be used as a wrapper for header section, semantically speaking ?

instead of using <div> to divide the content into three logical containers couldn't we use the semantically logical tags <header> and <footer> as containers for layout design ? Do we really need to add <div> containers ?

1 Answer

Jamie Reardon
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer
Jamie Reardon
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer

Developers tend to commonly use divs as wrappers/containers for page elements. You can use and should use other elements that will provide your site with semanitic meaningful content, but the likes of giving a container/wrapper in this case those kind of tags, wouldn't really give a sense of the semantic purpose here. The section tag is a semantic html5 markup element that is an appropriate method for replacing div tags where suitable.