Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML HTML Basics Structuring Your Content Grouping Content Challenge

Sammy Kidan
Sammy Kidan
6,730 Points

Group each set of h3 and p elements using an element that describes self-contained pieces of content.

My answer is exactly as the suggest answer but it is saying my answer is incorrect and delaying me from moving on to the next question.

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>   

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

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

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

2 Answers

The <footer> should only be used once, per section of content. So the copyright information at the bottom is the footer of the site, but certain content grouping elements like <article> and <section> are able to hold <footer> tags that are specific to that section of content. Is your example above, under <h2> you're first two articles should be using the <article> element instead of the <footer> element.

Liam Ferb
Liam Ferb
8,454 Points

Okay, Technically footer tags represents a 'major' section of content, but... footers are supposed to be at the bottom of the page, and you should only have one per page so..., footers should contain little details about the site, eg: copyright date, some contact information, maybe a 2nd nav? So footers not what you're looking for, the definition actually is:

(computers) a line of information placed at the end of a page for purposes of identification.

or something like it, and if you remember what he said in a video, before or a little before this challenge, (something like "the <article> tag describes standalone pieces of content, pieces which could go by themselves on their own webpage and wouldn't be out of place" so... does this answer your question?

For the sake of this problem, Liam Ferb is correct. BUT, elements that hold a group of content like <article> and <section> can hold a <footer> element that is the footer of that content section.