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 How to Make a Website HTML First Use HTML Elements

Posted by Jeremy Smalley
Jeremy Smalley
8,529 Points

Why is it saying dont forget a header if I see it as having one

Not sure what the issue here is

index.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Jeremy Smalley | Designer</title>
  </head>
  <body>
    <head>
      <h1>Jeremy Smalley</h1>
      <h1>Designer</h1>
    </head>
    <section>
      <p>Gallery will go here.</p>
    </section>
    <footer>
      <p>&copy; 2015 Jeremy Smalley</p>
    </footer>
  </body>
</html>

2 Answers

Salman Akram
Salman Akram
Courses Plus Student 40,065 Points

Hi Jeremy,

Two different "Head" in top and "Header" in body for h1, see below: 

<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <title>Title</title>
  </head>

  <body>

    <header>
      <h1>Jeremy Smalley</h1>
      <h1>Designer</h1>
    </header>

    <section>
      <p>Gallery will go here.</p>
    </section>
    <footer>
      <p>&copy; 2015 Jeremy Smalley</p>
    </footer>
  </body>
</html>
Jeremy Smalley
Jeremy Smalley
8,529 Points

Thanks, I caught it after reviewing it over again.

Edward Bryan Kene Morales
Edward Bryan Kene Morales
7,374 Points
Edward Bryan Kene Morales
Edward Bryan Kene Morales
7,374 Points

Hi Jeremy,

Just to follow up Salman's answer, header and head are two different HTML tags that serves two different purposes.

In the very basic aspect, the head tag is used to contain information that are meant to be read by browsers. These are meta information, your site's title, favicons, links to your CSS and JS files and so on. Anything placed inside this tag is NOT displayed in the browser.

On the other hand, the header tag is used to wrap around the top most contents of your site, hence the tag name header. The common elements nested inside header tag are nav (navigation elements) and the site's logo. You can read more on the header tag here.

Hope this helps!

Jeremy Smalley
Jeremy Smalley
8,529 Points

Thanks guys for the better understanding!