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 HTML Basics Structuring Your Content Structuring Content Challenge

Jessica Talley
Jessica Talley
575 Points
Posted by Jessica Talley
Jessica Talley
575 Points

sections

Should an "aside" be housed within it's own section?

index.html 
<!DOCTYPE html>
<html>
  <head>
  <header> 
    <ul>
      <li><a href="#">About</a></li>
      <li><a href="#">Work</a></li>
      <li><a href="#">Contact</a></li>            
    </ul>
    <h1>My Web Design &amp; Development Portfolio!</h1> 
    <p>A site featuring my latest work.</p>
    </header>
    <link href="styles.css" rel="stylesheet">
    <title>My Portfolio</title>
  </head>
  <body>


   <section>  
   <nav>
    <ul>
      <li><a href="#">About</a></li>
      <li><a href="#">Work</a></li>
      <li><a href="#">Contact</a></li>            
    </ul>
    <h1>My Web Design &amp; Development Portfolio!</h1> 
    <p>A site featuring my latest work.</p>
   </nav>
    </section> 

    <section>
    <aside>
    <h2>Welcome</h2> 
    <p>Fusce semper id ipsum sed scelerisque. Etiam nec elementum massa. Pellentesque tristique ex ac ipsum hendrerit, eget feugiat ante faucibus.</p>
    <ul>
      <li><a href="#">Recent project #1</a></li>
      <li><a href="#">Recent project #2</a></li>
      <li><a href="#">Recent project #3</a></li>     
    </ul>
    </aside>
    </section> 

   <footer>
    <p>&copy; 2017 My Portfolio</p>
    <p>Follow me on <a href="#">Twitter</a>, <a href="#">Instagram</a> and <a href="#">Dribbble</a></p>
   </footer>
  </body>
</html>

2 Answers

Stuart Wright
Stuart Wright
41,119 Points
Stuart Wright
Stuart Wright
41,119 Points

Generally speaking, you would use the aside element instead of, rather than as well as, a section element. Of course, an aside may still be inside a section, but usually you wouldn't create a section which houses an aside as its only child element. At least, there is no semantic reason to do so, but maybe for presentation purposes it would make sense in some cases. So my answer is basically "it depends, but generally, and in this example, I would say no".

As an aside (pun intended), I notice that your head element contains content for the site's header. This should not be the case. The head element should always end before the body begins, and contains only metadata about the page, rather than anything you should see. Don't confuse the head element with the header element. Your header element (and everything within) should begin at the start of the body.

Jessica Talley
Jessica Talley
575 Points
Jessica Talley
Jessica Talley
575 Points

Thanks Stuart! It helps to think in terms of a family with the code. I'll look at it a bit closer! Also, thanks for the help with my head and header confusion!