Use the new landmarks — practice exercise

What you'll be asked to do

1. 1.Use the new landmarksexercise · easy · 10 min

   Add a header, a main and a footer.

   Passes when: Add a header, a main and a footer.

2. 2.Use an articleexercise · easy · 10 min · practice plan

   Wrap a self-contained post in an article.

   Passes when: Wrap a self-contained post in an article.

3. 3.Use a figureexercise · easy · 10 min · practice plan

   Add a captioned figure.

   Passes when: Add a captioned figure.

4. 4.Use a disclosureexercise · easy · 10 min · practice plan

   Add a details element with a summary.

   Passes when: Add a details element with a summary.

5. 5.A modern pageexercise · medium · 10 min · practice plan

   Build a page using header, main with an article, and footer.

   Passes when: Build a page using header, main with an article, and footer.

6. 6.Fix the page built from divsbug fix · easy · 8 min

   HTML5 gave each region its own element.

   Passes when: HTML5 gave each region its own element.

7. 7.Fix the post in a plain divbug fix · easy · 8 min · practice plan

   A self-contained post is an article.

   Passes when: A self-contained post is an article.

8. 8.Fix the caption as a paragraphbug fix · easy · 8 min · practice plan

   A figure's caption has its own element.

   Passes when: A figure's caption has its own element.

9. 9.Fix the disclosure with no labelbug fix · easy · 8 min · practice plan

   A details element needs a summary to open it.

   Passes when: A details element needs a summary to open it.

10. 10.Fix the article outside the main regionbug fix · easy · 8 min · practice plan

    The post is the page's main content.

    Passes when: The post is the page's main content.

Between them these tasks cover Sectioning elements, Media elements and Modern replacements.

Looking for a different chapter? See every practice set, or switch to the interview theory questions.