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

Ответ

Семантика в 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> - логическая секция