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

Development Tools Web Accessibility Compliance Mobile Accessibility Responsive Techniques

Posted by tkiajeqgkn
tkiajeqgkn
6,667 Points

Div soup

We just learned about div soup and how it is strongly advised against. Now they show us the skeleton webpage as an example for something else, and in the developer's console appears an enormous div soup! Can someone explain why this might be in this instance, or if in fact it's just another thing that they advise against to beginners, but in reality isn't all that bad?

1 Answer

Ally Sparham
Ally Sparham
9,753 Points
Ally Sparham
Ally Sparham
9,753 Points

Hiya

In a framework, like skeleton or bootstrap, the <div>s act as "wrappers" for the purposes of providing a responsive "template" or providing the styles that the framework offers.

Within those <div> wrappers, you could still write your code semantically by adding the <main> <section> <nav> <aside>, etc., tags where appropriate for the content within these "wrappers".

Ally