Open In App

How to add footer for a document or section using HTML5 ?

Improve
Improve
Like Article
Like
Save
Share
Report

In this article, we define a footer for a document or section by using the <footer> tag. This tag in HTML is used to define a footer of HTML document. This section contains the footer information (author information, copyright information, carriers, etc). The <footer> tag is used within the body tag. The footer tag is new in the HTML5. The footer elements require a start tag as well as end tag.

Syntax:

<footer> Contents... </footer>

A footer element typically contains authorship information, copyright information, contact information, sitemap, back to top links, related documents, etc.

Example:




<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML footer Tag
    </title>
  
    <style>
        a {
            font-size: 25px;
            text-decoration: none;
        }
  
        p {
            font-size: 25px;
        }
    </style>
</head>
  
<body>
    <h2>
        GeeksForGeeks
    </h2>
  
    <h2>
        Define a footer for a 
        document or section
    </h2>
  
    <footer>
        <nav>
            <p>
                <a href=
                    About Us
                </a>|
                  
                <a href=
                    Privacy Policy
                </a>|
  
                <a href=
                    Careers
                </a>
            </p>
        </nav>
        <p>
            @geeksforgeeks, Some 
            rights reserved
        </p>
    </footer>
</body>
  
</html>   


Output:

Supported Browsers:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari


Last Updated : 03 Jun, 2020
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads