Learn HTML by Building a Cat Photo App - Step 5

HTML-CSS
1

Tell us what’s happening:

Step 5
HTML5 has some elements that identify different content areas. These elements make your HTML easier to read and help with Search Engine Optimization (SEO) and accessibility.

The main element is used to represent the main content of the body of an HTML document. Content inside the main element should be unique to the document and should not be repeated in other parts of the document.

Your code so far

<html>
  <body>

<!-- User Editable Region -->

  <main>
     <h1>Most important content of the document</h1>
     <p>Some more...</p> </main>
     
    <h1>CatPhotoApp</h1>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>See more cat photos in our gallery.</p>
    

<!-- User Editable Region -->

  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 5

1 Like
2

Great work! Try moving your closing ‘/main’ tag after the closing ‘/p’ tag and before the opening ‘body’ tag. Happy coding!

3

Hi there!
You didn’t need to create new h1 and p elements.

You need to add the main opening and closing tags around your that existing content.