Test your knowledge: Semantic Page Structure

Review

1. How many <main> elements belong on a page, and what lives inside them?

   There is exactly one main per page, containing only content unique to it. Skip links and screen readers jump to it, which is what lets keyboard users skip the navigation on every page.
2. Which test decides whether a chunk of content is an <article>?

   Article means self-contained: a post, product card, review, or comment that survives being lifted out and republished. Cards and grids are presentation; the syndication test is about meaning.
3. A <section> without a heading is usually a sign of what?

   Sections group content under a heading that names the theme. Without one, the element is making a structural promise it does not keep, and a div, which promises nothing, would be more honest.
4. Which element's defining property is that the page's argument survives its removal?

   An aside is tangentially connected content: pull quotes, related links, advertising. If removing it would damage the page, it was never tangential, and the element is misdescribing the content.
5. When is a <div> the correct choice over a semantic element?

   Divs and spans are the honest elements for wrappers that carry presentation only. A div promises nothing, which is exactly right for layout, while misapplied semantic elements mislead tools precisely because they promise something.