Тег HTML5 <header>

Опубликовано: 4 Января, 2023

Тег <header> в HTML используется для определения заголовка документа или раздела, поскольку он содержит информацию, связанную с заголовком и заголовком соответствующего содержимого. Элемент <header> обычно содержит заголовок раздела (элемент h1-h6 или элемент <hgroup>), но это не обязательно. Его также можно использовать для обертывания оглавления раздела, формы поиска или любых соответствующих логотипов. Тег <header> — это новый тег в HTML5, и это тег-контейнер, т. е. он содержит начальный тег, контент и конечный тег. В одном документе может быть несколько элементов <header>. Этот тег нельзя размещать внутри <footer>, <address> или другого элемента <header>.

Синтаксис:

<header> ...</header>

Атрибуты : этот тег поддерживает все глобальные атрибуты в HTML.

Примеры ниже иллюстрируют элемент <header> в HTML.

Пример 1: Этот пример иллюстрирует использование тега <header>, который создает контейнер для раздела заголовка документа.

HTML

<!DOCTYPE html>
<html>
<body>
    <h1>GeeksforGeeks</h1>
    <h3>HTML Header Tag</h3>
    <hr>
    <article>
        <header>
            <h3>GeeksforGeeks Learning</h3>
             
<p>Posted by GFG</p>
 
 
             
<p>
               A Computer Science portal for geeks.
               It contains well written, well thought
               and well explained computer science and
               programming articles.
            </p>
 
 
 
        </header>
    </article>
</body>
</html>

Выход:

Пример 2: В этом примере мы использовали тег <header>, чтобы содержать заголовок окружающего раздела, но это не требуется каждый раз.

Выход:

Пример 3: В этом примере мы представили средства навигации с помощью тега <header>.

HTML

<!DOCTYPE html>
<html>
<body>
    <h1>GeeksforGeeks</h1>
    <h3>HTML Header Tag</h3>
     
    <!--HTML header tag starts here-->
    <header>
        <a href=
"https://www.geeksforgeeks.org/fundamentals-of-algorithms/">
        Algo</a> |
        <a href=
"https://www.geeksforgeeks.org/data-structures/">
        DS</a> |
        <a href=
"https://www.geeksforgeeks.org/category/program-output/">
        Languages</a> |
        <a href=
"https://www.geeksforgeeks.org/company-interview-corner/">
        Interview</a> |
        <a href=
"https://www.geeksforgeeks.org/student-corner/">
        Students</a> |
        <a href=
"https://www.geeksforgeeks.org/gate-cs-notes-gq/">
        Gate</a> |
        <a href=
"https://www.geeksforgeeks.org/articles-on-computer-science-subjects-gq/">
        CS Subjects</a> |
        <a href=
"https://www.geeksforgeeks.org/quiz-corner-gq/">
        Quizzes</a>
    </header>
    <!--HTML header tag ends here-->
</body>
</html>

Выход:

Поддерживаемые браузеры:

Гугл Хром 5 и выше
Internet Explorer 9 и выше
Microsoft Edge 12 и выше
Фаерфокс 4 и выше
Опера 11.1 и выше
Сафари 5 и выше

HTML является основой веб-страниц, используется для разработки веб-страниц путем структурирования веб-сайтов и веб-приложений. Вы можете изучить HTML с нуля, следуя этому руководству по HTML и примерам HTML.

HTML

Тег HTML5 <header>

HTML

HTML

РЕКОМЕНДУЕМЫЕ СТАТЬИ