HTML <footer> Tag

❮ Previous Reference Next ❯


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


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


Browser Support


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:


footer {
  text-align: center;
  padding: 3px;
  background-color: tomato;
  color: white;

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 Reference Next ❯