HTML5 Header Tag

The header component is commonly used for defining the header for a particular document or section. It also can be used for introductory content of a container and may be also used for navigation links. You may have multiple header elements in a single document. This element canâ€™t be used within the footer, address and another header element.

Example :

	
<!DOCTYPE html>
<html>
 
    <head>
    <title>Header Tag</title>
    </head>
    
    <body>
    
        <header>
            <h1>This is Header Tag</h1>
        </header>
    
        <main>
            <article>
            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, </p>
            </article>
        </main>
 
    </body>
</html>

Output :

This is Header Tag

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

HTML5 Footer Tag

The <footer> tag defines a footer for a document or section.

Footers usually contain information such as the author of the document, copyright information, links to terms of use, privacy policy, etc.

Although footers are typically located at the bottom of a document, this is not required (although it cannot be placed within a <header> or another <footer> element, and it cannot contain a <header> element).

Example :

<!DOCTYPE html>
<html>
 
    <head>
    <title>Footer Tag</title>
    </head>
    
    <body>
    
        <footer>
          <p>This is Footer Tag</p>
          <p> &copy; 2017 reserved by Free Time Learning (FTL)  -  Designed by <a href="http://www.freetimelearning.com" target="_blank">www.freetimelearning.com</a></p>
        </footer>
 
    </body>
</html>

Output :

HTML5 Tutorial