Приведи пример использования семантики

Ответ

Семантика в HTML помогает правильно структурировать контент для SEO, доступности и читаемости кода. Пример:

<header>
  <h1>Название сайта</h1>
  <nav>
    <ul>
      <li><a href="/">Главная</a></li>
      <li><a href="/about">О нас</a></li>
    </ul>
  </nav>
</header>

<main>
  <article>
    <h2>Заголовок статьи</h2>
    <p>Текст статьи...</p>
  </article>

  <aside>
    <h3>Дополнительная информация</h3>
    <p>Реклама или похожие статьи</p>
  </aside>
</main>

<footer>
  <p>© 2023 Компания</p>
</footer>

Ключевые теги:

<header>/<footer> - шапка/подвал
<nav> - навигация
<main> - основной контент
<article> - независимый контент
<aside> - дополнительный контент
<section> - логическая секция