HTML5 <footer> Tag - GeeksforGeeks

07 Jun, 2021
The <footer> 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 an end tag. 
Syntax : 
<footer> ... </footer>
A footer element typically contains authorship information, copyright information, contact information, sitemap, back-to-top links, related documents, etc.
Below examples illustrate the <footer> Tag in HTML elements: 
Example 1: 
HTML
<!DOCTYPE html> <html>     <body>        <!--HTML footer tag starts here-->        <footer>                             <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>@geeksforgeeks, Some rights reserved</p>                      </footer>        <!--HTML figcaption tag ends here-->    </body> </html>                   
Output:  
Example 2: Using CSS in footer Tag 
HTML
<!DOCTYPE html><html>    <head>        <title>footer tag</title>        <style>            .column {                float: left;                width: 27%;               height: 300px;            }            p {                font-size:20px;                font-weight:bold;            }        </style>    </head>    <body>        <!--HTML footer tag starts here-->        <footer>            <div class="column">                 <p>Company</p>                 <ul style="list-style-type:disc">                    <li>About Us</li>                    <li>Careers</li>                    <li>Privacy Policy</li>                    <li>Contact Us</li>                </ul>            </div>                           <div class="column">                 <p>Learn</p>                 <ul>                    <li>Algorithms</li>                    <li>Data Structures</li>                    <li>Languages</li>                    <li>CS Subjects</li>                    <li>Video Tutorials</li>                </ul>            </div>                            <div class="column">                 <p>Practice</p>                 <ul>                    <li>Company-wise</li>                    <li>Topic-wise</li>                    <li>Contests</li>                    <li>Subjective Questions</li>                </ul>            </div>        </footer>        <!--HTML figcaption tag ends here-->    </body></html>
Output:  
Browsers Supported:  
Google Chrome 6.0
Internet Explorer 9.0
Firefox 4.0
Opera 11.1
Safari 5.0
 
Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.
shubhamyadav4
HTML5
HTML
Web Technologies
HTML
Writing code in comment?
Please use ide.geeksforgeeks.org,
generate link and share the link here.
Top 10 Projects For Beginners To Practice HTML and CSS Skills
How to insert spaces/tabs in text using HTML/CSS?
How to update Node.js and NPM to next version ?
How to set the default value for an HTML <select> element ?
Hide or show elements in HTML using display property
Remove elements from a JavaScript Array
Installation of Node.js on Linux
Convert a string to an integer in JavaScript
How to fetch data from an API in ReactJS ?
Top 10 Projects For Beginners To Practice HTML and CSS Skills