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

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

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>

Thanks, I caught it after reviewing it over again.

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!

Thanks guys for the better understanding!