САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

Обновляется!!! Справочник JavaScript

HTML Тег <header>



Пример

Заголовок для <article>:

<article>
  <header>
   <h1>Заголовок здесь</h1>
    <p>Автор: Щипунов Андрей</p>
    <p>Некоторая дополнительная информация здесь</p>
  </header>
  <p>Lorem Ipsum dolor set amet....</p>
</article>
Попробуйте сами »

Определение и использование

Тег <header> представляет собой контейнер для вводного контента или набор навигационных ссылок.

Тег <header> обычно содержит:

  • один или несколько элементов заголовка (<h1> - <h6>)
  • логотип или иконка
  • информация об авторстве

Примечание: Вы можете иметь несколько элементов <header> в одном HTML документе. Однако, <header> не может быть помещен в <footer>, <address> или другой элемент <header>.


Поддержка браузеров

Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот элемент.

Элемент
<header> 5.0 9.0 4.0 5.0 11.1


Глобальные атрибуты

Тег <header> также поддерживает Глобальные атрибуты в HTML.


Событие атрибутов

Тег <header> также поддерживает Событие атрибутов в HTML.


Еще примеры

Пример

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

<header>
  <h1>Заголовок главной страницы здесь</h1>
  <p>Автор: Щипунов Андрей</p>
</header>
Попробуйте сами »

Связные страницы

HTML DOM справочник: Объект header


Настройки CSS по умолчанию

Большинство браузеров будет отображать элемент <header> со следующими значениями по умолчанию:

header {
  display: block;
}