Семантичний HTML

Що таке семантична розмітка

Семантичний HTML — це використання тегів відповідно до їхнього значення, а не лише зовнішнього вигляду. Замість <div> для всього поспіль варто використовувати <header>, <nav>, <main>, <article> та <footer>.

<header>
  <nav>...</nav>
</header>
<main>
  <article>
    <h1>Заголовок статті</h1>
    <p>Текст статті...</p>
  </article>
</main>
<footer>...</footer>