HTML <footer> Tag

<footer>
  <p>Author: John Doe</p>
  <p><a href="mailto:[email protected]">[email protected]</a></p>
</footer>

Meaning

The <footer> element represents the footer section of a document.

Note: Using a <div> tag with a special class will also similar.

Like a typical document footer in print, it should contain supplementary information about the related content.

Version: HTML5

Standard Syntax

<footer>...</footer>

Browser Support

Status

Global Attributes

<footer> element also supports the Global Attributes in HTML.

Event Attributes

<footer> element also supports the Event Attributes in HTML.

More Examples

The following example add CSS to <footer> element:

<style>
footer {
  text-align: center;
  padding: 3px;
  background-color: tomato;
  color: white;
}
</style>

By Default CSS Value(s)

Most of the browsers will display the <footer> element with the following by default value(s)

footer {
	display: block;
}