header

Он ведёт себя точно так же, как и div , но браузеру и поисковым системам по такому названию проще понять местонахождение входной секции сайта.

<header> - задаёт шапку сайта или раздела веб-страницы. Внутри шапки сайта обычно располагается логотип, название сайта, поисковая форма, навигационные ссылки и др.

• Особенности: этих элементов может быть несколько на странице.

• Типовые ошибки: использовать только как шапку сайта.

• <header> нельзя вкладывать внутрь другого <header> , а также внутрь элементов <address> и <footer> .

• Внутри <header> не должно быть элемента <main> .

Заголовок страницы

<body>

    <header>
        <h1>Заголовок главной страницы</h1>
        <img src="mdn-logo-sm.png" alt="MDN logo">
    </header>

Заголовок статьи

<article>

<header>
    <h2>Планета Земля</h2>
    <p>Опубликовано в среду, 4 октября 2017, Джейн Смит</p>
</header>

  <p>Мы живём на сине-зелёной планете, на которой до сих пор так много     
  неизведанного.</p>
  <p><a href="https://janesmith.com/the-planet-earth/">Продолжить 
  чтение...</a></p>
</article>