Тег <header>

Internet Explorer

Chrome

Opera

Safari

Firefox

Android

iOS

9.0+

8.0+

9.2+

5.0+

4.0+

2.1+

3.0+

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

HTML:

3.2

4.01

5.0

XHTML:

1.0

1.1

Описание

Тег <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>

Результат данного примера показан на рис. 1.

Рис. 1. Заголовок сайта

Браузеры

Internet Explorer до версии 8.0 включительно игнорирует тег <header>, но отображает его содержимое. Также в этом браузере любые стили не применяются к селектору HEADER.

Firefox полностью поддерживает этот тег начиная с версии 4.0, но версии 3.0 и старше также корректно отображают содержимое тега.