HTML <footer> Tag
Example
A footer section in a document:
<footer>
<p>Author: Hege Refsnes</p>
<p><a href="mailto:hege@example.com">hege@example.com</a></p>
</footer>
Try it Yourself »
More "Try it Yourself" examples below.
Definition and Usage
The <footer> tag defines a footer for a document or section.
A <footer> element typically contains:
- authorship information
- copyright information
- contact information
- sitemap
- back to top links
- related documents
You can have several <footer> elements in one document.
Tips and Notes
Tip: Contact information inside a <footer> element should go inside an <address> tag.
Browser Support
The numbers in the table specify the first browser version that fully supports the element.
| Element | |||||
|---|---|---|---|---|---|
| <footer> | 5.0 | 9.0 | 4.0 | 5.0 | 11.1 |
Global Attributes
The <footer> tag also supports the Global Attributes in HTML.
Event Attributes
The <footer> tag also supports the Event Attributes in HTML.
More Examples
Example
Use CSS to style <footer>:
<html>
<head>
<style>
footer {
text-align: center;
padding: 3px;
background-color: DarkSalmon;
color: white;
}
</style>
</head>
<body>
<footer>
<p>Author: Hege Refsnes<br>
<a href="mailto:hege@example.com">hege@example.com</a></p>
</footer>
</body>
</html>
Try it Yourself »
Related Pages
HTML DOM reference: Footer Object
Default CSS Settings
Most browsers will display the <footer> element with the following default values:
footer {
display: block;
}
