Що таке HTML header?

Дата:

2018-08-25 05:50:12

Перегляди:

448

Рейтинг:

1Дизлайк 0Любити

Поділитися:

Table of contents:

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

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

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

html header

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

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

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

header html приклади

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

<header>

<h1>HTML5</h1>

</header>

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


Article in other languages:

AR: https://tostpost.com/ar/computers/4586-html.html

BE: https://tostpost.com/be/kamputary/8151-shto-takoe-html-header.html

DE: https://tostpost.com/de/computer/8153-was-ist-im-html-header.html

En: https://tostpost.com/computers/10987-what-is-in-the-html-header.html

ES: https://tostpost.com/es/los-ordenadores/8158-lo-que-est-en-el-header-html.html

HI: https://tostpost.com/hi/computers/4589-html.html

JA: https://tostpost.com/ja/computers/4586-html.html

KK: https://tostpost.com/kk/komp-yuterler/8155-b-l-html-header.html

PL: https://tostpost.com/pl/komputery/8156-co-to-jest-html-header.html

PT: https://tostpost.com/pt/computadores/8151-o-que-html-header.html

TR: https://tostpost.com/tr/bilgisayarlar/8159-nedir-html-header.html

ZH: https://tostpost.com/zh/computers/4972-html.html






Alin Trodden - автор статті, редактор
"Привіт, Я Алін Тродден. Я пишу тексти, читаю книги і шукаю враження. І я непогано вмію розповідати вам про це. Я завжди радий брати участь у цікавих проектах."

Примітка (0)

Ця стаття не має коментарів, будьте першим!

Додати коментар

Новини

Бездротові миші

Бездротові миші "Майкрософт": огляд, види, особливості та відгуки

Знайти потрібну мишку не завжди виявляється простим справою. Хтось впадає в паніку при вигляді вартості, а хтось вражений різноманітністю. Якщо ж ви визначилися з тим, що хочете бездротову мишу «Microsoft», вважайте пі...

Як назвати клан красиво?

Як назвати клан красиво?

Все більше людей отримують доступ в інтернет. Буквально десять років тому ніхто і не думав про те, що можна надіслати лист в одну мить. Сучасна людина більшу частину часу проводить в інтернеті. Для розваги і цікавого проведення ча...

Як скачувати мультики безкоштовно і без реєстрації?

Як скачувати мультики безкоштовно і без реєстрації?

Багато користувачів, особливо початківці, замислюються, як скачувати мультики. Насправді це питання цікаве тим, що далеко не всі просунуті користувачі можуть відповісти на нього. Точного алгоритму дій немає. Лише деякі поради і ре...

Як вставити пісню в пісню: методи та інструкції

Як вставити пісню в пісню: методи та інструкції

Часом, працюючи з мультимедійними програмами, з'являється необхідність налагодження однієї доріжки звуку на іншу, або заміна у відеофрагменті вихідної аудіодоріжки на ту, яка необхідна вам. Благо, в наш час це легко здійсненно. Іс...

Що таке браузер в комп'ютері: особливості, види та відгуки

Що таке браузер в комп'ютері: особливості, види та відгуки

З поняттям браузерів користувачі комп'ютерних систем стикаються мало не щодня. Правда, більшість звикла вважати браузерами виключно веб-оглядачі начебто Internet Explorer або чогось ще, що дозволяють подорожувати просторами інтерн...

У подорож по Інтернету. URL-адреса

У подорож по Інтернету. URL-адреса

Використання мережі Інтернет стало для нас настільки звичайним, що часто ми навіть не замислюємося про призначення і сенс тих інструментів, які застосовуємо постійно. Коли необхідно скористатися посиланням, це мало в кого викликає...