Skip to content
Related Articles

Related Articles

Improve Article

HTML 5 <header> Tag

  • Difficulty Level : Easy
  • Last Updated : 29 Jul, 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

 

HTML is the foundation of webpages, is used for webpage development by structuring websites and web apps.You can learn HTML from the ground up by following this HTML Tutorial and HTML Examples.

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.




My Personal Notes arrow_drop_up
Recommended Articles
Page :