Основний вміст

  • <body>

Тег <header>

Опис

Елемент <header> представляє заголовок або навігаційну частину для свого батьківського елемента або секції. Це може містити заголовок, логотип, пошукову форму або навігаційні посилання.

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

Приклад

<header>
    <h1>Мій сайт</h1>
    <nav>
        <a href="#home">Головна</a>
        <a href="#about">Про нас</a>
        <a href="#contact">Контакти</a>
    </nav>
</header>

Підтримується у всіх сучасних браузерах.

<nav>, <footer>, <section>

<header>...</header>

Атрибути

global attributesaccepts global attributes
classдодає клас CSS до елемента
idідентифікатор елемента
styleстилі CSS для елемента

Часті запитання

  • Q: Як використовувати тег <header> в HTML?

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

  • Q: Де зазвичай використовують тег <header> в HTML?

    A: Тег <header> часто використовується у верхній частині сторінки, перед основним вмістом. Його можна використовувати на кожній сторінці вашого веб-сайту для створення єдиної консистентної верхньої частини.

  • Q: Чи можна використовувати більше одного тегу <header> на одній сторінці?

    A: Так, ви можете використовувати більше одного тегу <header> на одній сторінці. Кожен <header> може містити різні елементи, які відображатимуться у верхній частині відповідних розділів сторінки.

  • Q: Чи можна вкладати тег <header> всередину іншого тегу <header>?

    A: Технічно немає обмежень щодо вкладеності тегів <header>. Проте, рекомендується уникати занадто глибокого вкладення, оскільки це може ускладнити розуміння структури сторінки.

  • Q: Як відрізнити тег <header> від інших тегів, таких як <nav> чи <footer>?

    A: Тег <header> використовується для верхньої частини сторінки, яка може містити заголовки, логотипи тощо. <nav> використовується для навігаційного меню, а <footer> для нижньої частини сторінки. Чітко розділяйте ці теги згідно їхньої призначеності.