Skip to content
Related Articles

Related Articles

Improve Article
HTML 5 <header> Tag
  • Difficulty Level : Basic
  • Last Updated : 07 Jun, 2021

The <header> tag in HTML is used to define the header for a document or a section. 
 

  • The header tag 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> ...</header>

Below examples illustrate the <header> element in HTML:

Example 1: 
 

HTML




<!DOCTYPE html>
<html>
    <body>
            <!--HTML header tag starts here-->
            <header>
                <h1>This is the heading.</h1>
                <h4>This is the sub-heading.</h4>
                 
<p>This is the metadata.</p>
 
            </header>
            <!--HTML header tag ends here-->
    </body>
</html>                   

Output: 
 



Example 2: 
 

HTML




<!DOCTYPE html>
 
<html>
 
    <body>
       
        <h1>GeeksforGeeks</h1>
 
        <!--HTML header tag starts here-->
        <header>
                <a href=
                    Algo</a> |
                <a href=
                    DS</a> |
                <a href=
                    Languages</a> |
                <a href=
                    Interview</a> |
                <a href=
                    Students</a> |
                <a href=
                    Gate</a> |
                <a href=
                    CS Subjects</a> |
                <a href=
                    Quizzes</a>
           
        </header>
        <!--HTML header tag ends here-->
       
    </body>
 
</html>                   

Output: 

Supported Browsers: 
 

  • Google Chrome 6.0
  • Internet Explorer 9.0
  • Firefox 4.0
  • Opera 11.1
  • Safari 5.0

 




My Personal Notes arrow_drop_up
Recommended Articles
Page :