Semantic HTML

Key semantic tags

• <header>: page or section header.
• <nav>: primary navigation.
• <main>: primary content (one per page).
• <article>: self-contained unit (post, card).
• <section>: thematic logical block.
• <footer>: page or section footer.

Anti-pattern

<div class="header">…</div>   <!-- ❌ -->
<header>…</header>             <!-- ✅ -->

Use heading levels (h1–h6) in hierarchical order, never skipping a level.