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 и старше также корректно отображают содержимое тега.
Сайт