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:
<!DOCTYPE html> < html > < head > < title >HTML footer Tag</ title > < style > a { font-size:25px; text-decoration:none; } p { font-size:25px; } </ style > </ head > < body > < footer > < nav > < p > < a href = < a href = < a href = </ p > </ nav > < p >@geeksforgeeks, Some rights reserved</ p > </ footer > </ body > </ html > |
Output:
Example 2:
<!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 > < 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 > </ body > </ html > |
Output:
Browser Support: The footer tag is new in HTML5 and it supports in the browser which are listed below:
- Google Chrome 6.0
- Internet Explorer 9.0
- Firefox 4.0
- Opera 11.1
- Safari 5.0