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

Last Updated : 03 Jun, 2020

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:

html

<!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=
"https://www.geeksforgeeks.org/about/">
                    About Us
                </a>|
                
                <a href=
"https://www.geeksforgeeks.org/privacy-policy/">
                    Privacy Policy
                </a>|

                <a href=
"https://www.geeksforgeeks.org/careers/">
                    Careers
                </a>
            </p>
        </nav>
        <p>
            @geeksforgeeks, Some 
            rights reserved
        </p>
    </footer>
</body>

</html>