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

Posted by WILLIAM BRANTLEY
WILLIAM BRANTLEY
2,274 Points

What is the element that represents standalone sections of content?

I thought it was the "main" element, but the quiz is giving me an error.

index.html 
<!DOCTYPE html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
    <title>My Portfolio</title>
  </head>
  <body>
    <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>

   <main>
      <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>
   </main>

    <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>
billythebobbo
billythebobbo
2,622 Points
billythebobbo
billythebobbo
2,622 Points

I believe the element you're looking for is the <aside> tag.

1 Answer

James Anwyl
.a{fill-rule:evenodd;}techdegree seal-36
James Anwyl
Full Stack JavaScript Techdegree Graduate 49,960 Points

Hi William,

You can define standalone sections of content with the <section> tag.

One thing to note, using the main tag instead of section is absolutely fine in the real world. The code you wrote is still valid HTML. But using elements like section and aside is a good way to describe your content and can make it easier to read and follow your code.

For example:

<section>
 // some content
</section>

<aside>
 // some content
</aside>

Is easier to read at a glance than:

<div class="section-1">
   // some content
</div>

<div class="sidebar>
   // some content
</div>

See list of HTML5 layout elements for more info.

Hope this helps :)