HTML5 <footer> Tag
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= <a href= <a href= <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 5
- Edge 12
- Internet Explorer 9.0
- Firefox 4.0
- Opera 11.1
- Safari 5.0
Please Login to comment...