How to define header for a document or section using HTML ?

Last Updated : 23 Jul, 2025

The <header> tag in HTML is used to define the header for a document or a section. It contains information related to the title and heading of the related content. The <header> element is intended to usually contain the section’s heading (an h1-h6 element or an <hgroup> element), but this is not required.

The <header> element can also be used to wrap a section’s table of contents, a search form, or any relevant logos. The <header> tag is a new tag in HTML5 and it requires a starting tag as well as an end tag.

There can be several <header> elements in one document.

A <header> tag cannot be placed within a <footer>, <address> or another <header> element.

Syntax:

<header> Contents... </header>

Example:

HTML

<!DOCTYPE html>
<html>

<head>
    <title>
        How to define a header for a document
        or section using HTML?
    </title>
    <style>
        h1 {
            color: green;
        }

        body {
            text-align: center;
        }
    </style>
</head>

<body>
    <header>
        <h1>GeeksforGeeks</h1>

        <h2>
            How to define a header for a document
            or section using HTML?
        </h2>
        
        <p>
            <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>
        </p>

    </header>
</body>

</html>