<header>
Шапка страницы или раздела: логотип, заголовок, навигация.
Синтаксис
<header>…</header>Примеры
Шапка сайта с логотипом и меню:
<style>
header { display: flex; justify-content: space-between; align-items: center; padding: 8px 12px; background: #333; color: white; }
header a { color: white; margin-left: 12px; }
</style>
<header>
<strong>The Bean</strong>
<nav><a href="#">Menu</a><a href="#">Contacts</a></nav>
</header>Шапка внутри статьи:
<article>
<header>
<h2>New autumn menu</h2>
<p>Published <time datetime="2026-09-20">September 20</time></p>
</header>
<p>Pumpkin latte is back.</p>
</article>Примечания
<header> может быть и у всей страницы, и у отдельной <article> или <section>. Не путайте его с <head> — служебной частью документа — и с заголовками <h1>–<h6>.
См. также
Вопросы и ответы по теме
В учебнике
- Семантическая разметка — Нейтральные div и span и смысловые теги header, nav, main, article, section, aside и footer для разметки страницы.