<header>¶



Тег <header> (от англ. header -- заголовок) задаёт «шапку» сайта или раздела, в которой обычно располагается заголовок.

Синтаксис¶

<header>
  ...
</header>

Закрывающий тег обязателен.

Атрибуты¶

Для этого элемента доступны универсальные атрибуты и события.

Спецификации¶

Описание и примеры¶

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>header</title>
  </head>
  <body>
    <header>
      <h1>Персональный сайт Кристины Ветровой</h1>
    </header>
    <article>
      <h2>Добро пожаловать!</h2>
      <p>Рада приветствовать вас на своем сайте.</p>
    </article>
    <footer>
      Copyright Кристина Ветрова
    </footer>
  </body>
</html>

Ссылки¶

<address> — задает контактные данные для ближайшего родительского <article> или <body>;
<article> — представляет самостоятельную часть документа, страницы, приложения или сайта, предназначенную для дальнейшего распространения или повторного использования;
<aside> — представляет собой раздел документа с контентом, косвенно связанным с основным содержимым документа (часто представленным как боковая панель);
<footer> — представляет нижний колонтитул (футер, подвал) для своего ближайшего элемента секционного контента или секционного корня;
<header> — группирует вводный или навигационный контент;
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>, — представляют собой 6 уровней заголовков секций. <h1> это наибольший заголовок и <h6> - наименьший;
<main>
<nav> — определяет отдельную секцию документа, назначение которой обозначение ссылок навигации (как внутри текущего документа, так и ведущих на другую страницу);
<section> — представляет собой автономную секцию функционала, содержащуюся внутри HTML-документа, чаще всего с заголовком, в которой нет прочих специфических определяющих элементов, чтобы представить данный функционал;