При роботі з сайтом перший з тегів, з якимстикається програміст в HTML, - <header>. При його використанні без атрибутів, відмінностей в порівнянні з іншими тегами не видно, через що виникає питання можливих причин його використання.

Як і де використовувати?

Тег HTML <header> є вступним для деякогорозділу документа. Він не є обов'язковим у використанні і зазвичай прописується у верхній частині розділу сторінки. З англійської "тег" перекладається як "заголовок", але в російському сленгу частіше використовується слово "шапка". Зазвичай цей тег використовується у верхній частині сторінки, де розташовується ім'я і логотип сайту, а також допоміжне меню. Однак нерідко можна зустріти його використання і в заголовках розділів.

В HTML <header>, як і ряд інших тегів, з'явивсялише в 5-й версії мови розмітки. Тому не всі браузери правильно обробляють його. У специфікації мови передбачається, щоб тег містив в собі заголовок розділу (h1-h6) або сторінки, а також необхідні в "шапці" сайту допоміжні елементи, включаючи банери, блок контактних даних та інші. Як і більшість тегів в HTML, <header> повинен мати свою "закриває пару" - </ header>, що позначає закінчення дії властивостей даного тега. Бажаючи підлаштувати заголовок сайту під свій особистий тип оформлення, для тега можна використовувати ряд атрибутів, що визначають його стиль.

приклади використання

Практика роботи з тегом дозволить повністю зрозумітипринципи роботи <header>. HTML-приклади його використання можна знайти практично на кожному великому сайті. На них він зазвичай застосовується для позначення заголовка.

Одним із способів завдання "шапки" сайту за допомогою тега <header> є такий приклад:

<Header>

<H1> HTML5 </ h1>

</ Header>

Крім заголовка, сюди можна також додати будь-якібажані елементи і теги, за винятком <footer>. Він відповідає за нижній колонтитул сторінки і не може бути присутнім в "шапці" сайту. При виявленні цього елемента всередині тега заголовка сайт буде завантажуватися невірно.