Advertisement
❮ Previous: <figure> Next: <form> ❯

<footer>

HTML <footer> Tag

Example

<footer>
  <p>Author: John Doe</p>
  <p><a href="mailto:example@domaim.com">example@domaim.com</a></p>
</footer>

Try this code ❯

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>


Advertisement

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:

Example

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

Try this code ❯


By Default CSS Value(s)

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

footer {
  display: block;
}

Related Tags:

<body>,
<nav>,
<article>,
<aside>,
<h1> - <h6>,
<hgroup>,
<footer>,
<section> and
<header>

❮ Previous: <figure> Next: <form> ❯
Advertisement