Semantic Article

A short article page uses semantic containers so the rendered page and accessibility tree have meaningful regions.

Program

Semantic HTML chooses elements for meaning first. The browser still renders ordinary boxes, but the document tree carries richer structure.

semantic_article.html

<header>Site Notes</header>
<main>
  <article>
    <h1>Trail Report</h1>
    <p>North path is open.</p>
  </article>
</main>
<footer>Updated 09:00</footer>

landmark A landmark element marks an important page region such as header, main, or footer.

article An article is a self-contained piece of content inside the page.