HTML Semantico

Tag semantici principali

• <header>: testata di pagina o sezione.
• <nav>: navigazione primaria.
• <main>: contenuto principale (uno per pagina).
• <article>: unità autosufficiente (post, card).
• <section>: blocco logico tematico.
• <footer>: piè di pagina.

Anti-pattern

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

Usa heading (h1–h6) in ordine gerarchico, senza saltare livelli.