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:
<!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 > w3wiki </ 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 > @w3wiki, Some rights reserved </ p > </ footer > </ body > </ html > |
Output:
Supported Browsers:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Safari
Contact Us