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

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:

filter_none

edit
close

play_arrow

link
brightness_4
code

<!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>   

chevron_right


Output:

Supported Browsers:

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

full-stack-img




My Personal Notes arrow_drop_up

Check out this Author's contributed articles.

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.