Semantyka HTML

Element semantyczny opisuje rolę treści, np. nav, main, article, button. div i span są ogólnymi kontenerami.

<main>
  <article>
    <h1>Tytuł artykułu</h1>
    <p>Treść…</p>
  </article>
</main>

Praktyka: używam button do akcji, a a z href do nawigacji. Natywne elementy mają użyteczne zachowanie klawiatury i informacje dla technologii asystujących.

Pułapka: zamiana każdego div na section nie czyni strony semantyczną. Element dobieram do znaczenia, nie do domyślnego wyglądu.