В чем заключается назначение таких тегов, как <section> и <header>?

<section> используется для группировки связанных по смыслу блоков контента. Он создает логическое разделение документа, например, для глав, тематических разделов или любых других смысловых единиц.

<header> применяется для обозначения вводного контента раздела или всего документа. Часто содержит заголовок, навигацию, логотип или поисковую форму.

<!-- Пример использования -->
<header>
  <h1>Заголовок страницы</h1>
  <nav>
    <ul>
      <li><a href="#">Главная</a></li>
      <li><a href="#">О нас</a></li>
    </ul>
  </nav>
</header>

<section>
  <h2>Введение</h2>
  <p>Текст введения...</p>
</section>

<section>
  <h2>Раздел 1</h2>
  <p>Содержимое раздела...</p>
</section>