Article and Documentation Template

<main id="main-content">
  <article>
    <header>
      <h1>Understanding Semantic HTML</h1>
      <p>Published for developers building accessible interfaces.</p>
    </header>

    <section>
      <h2>Why Semantics Matter</h2>
      <p>Semantic elements improve structure and maintainability.</p>
    </section>
  </article>
</main>

Why It Is Gold Standard

• Clear page heading hierarchy
• Sections grouped intentionally
• Works well for docs and long-form content

What's Next

• Next: Form Page Template