Jaki jest cel takich tagów jak <section> i <header>?

<section> jest używany do grupowania powiązanych bloków treściowych pod względem znaczenia. Tworzy logiczny podział dokumentu, na przykład dla rozdziałów, sekcji tematycznych lub innych jednostek znaczeniowych.

<header> służy do oznaczania wprowadzającej treści sekcji lub całego dokumentu. Często zawiera tytuł, nawigację, logo lub formularz wyszukiwania.

<!-- Przykład użycia -->
<header>
  <h1>Tytuł strony</h1>
  <nav>
    <ul>
      <li><a href="#">Strona główna</a></li>
      <li><a href="#">O nas</a></li>
    </ul>
  </nav>
</header>

<section>
  <h2>Wprowadzenie</h2>
  <p>Tekst wprowadzający...</p>
</section>

<section>
  <h2>Rozdział 1</h2>
  <p>Zawartość rozdziału...</p>
</section>