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 Grouping Content Challenge

Robert Nielsen
Robert Nielsen
1,298 Points
Posted by Robert Nielsen
Robert Nielsen
1,298 Points

Self contained pcs of content can be sections,right?

It's asking for self contained pcs of content, I have given it sections, or should it be an article?

index.html 
<!DOCTYPE html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
    <title>My Blog</title>
  </head>
  <body>
    <header>
      <h1>My Web Design &amp; Development Blog!</h1> 
      <nav>
        <ul>
          <li><a href="#">About</a></li>
          <li><a href="#">Articles</a></li>
          <li><a href="#">Recent Work</a></li>            
        </ul>
      </nav>
    </header>

    <h2>The Main Articles</h2>   
    <section>
    <h3>My Favorite HTML Courses</h3> 
    <p>Fusce semper id ipsum sed scelerisque. Etiam nec elementum massa. Pellentesque tristique ex ac ipsum hendrerit, eget <a href="#">feugiat ante faucibus</a>.</p>
    </section>
    <section>
    <h3>10 Handy CSS Features</h3> 
    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et <a href="#">ultrices posuere</a>.</p>    
    </section>
    <section>
    <h3>Follow Me on Social Media:</h3>
    <ul>
      <li><a href="#">Twitter</a></li>
      <li><a href="#">Facebook</a></li>
      <li><a href="#">LinkedIn</a></li>     
    </ul>
      </section>

    <footer>
      <p>&copy; 2017 My Blog</p>
    </footer>
  </body>
</html>

2 Answers

Christopher De Lette
PLUS
Christopher De Lette
Courses Plus Student 7,139 Points
Christopher De Lette
Christopher De Lette
Courses Plus Student 7,139 Points

Hi Robert Nielsen

You are correct in your second guess in that this content should be contained within an article element. Think of an article element as a piece of a web page that can make sense on it's own aside from the rest of the page, say a comment from someone or a blog post (there can be many other types of page content, these are examples).

Hope this helps and Happy Coding!

Christopher De Lette
Christopher De Lette
Courses Plus Student 7,139 Points
Christopher De Lette
Christopher De Lette
Courses Plus Student 7,139 Points

BTW I remember this semantic write up as very confusing but when you continually write web pages it does make more sense, depending on the website you're constructing :) Here are two great resources to help you understand semantic markup:

MDN HTML Element Reference

W3Schools HTML Reference

Robert Nielsen
Robert Nielsen
1,298 Points
Robert Nielsen
Robert Nielsen
1,298 Points

Thankyou, You explained it really well for me.