HTML Footer Tag

The HTML <footer> tag was introduced in HTML 5. It is used to define a footer for a document or a section. It is specifically used for defining footer at the bottom of the webpage.

A Footer element contains:

  • Copyright information
  • Contact information
  • Related documents
  • Back to top links
  • Sitemap

HTML Footer Tag


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> HTML Footer Tag </title>
</head>
<body>
<footer>
<p>Posted by: Bill Gates</p>
<p>Contact information: <a href="mailto:someone@example.com">someone@example.com</a>.</p>
</footer>
</body>
</html>

Output

HTML 5 Footer Tag Examples

HTML Footer Tag using Style

In this example, CSS is applied on the Footer tag. The border and padding of the footer tag is specified in the CSS, which will override the default proerties.


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> HTML Footer Tag with CSS </title>
<style>
footer{
border: 1px solid gray;
padding:20px;
}
</style>
</head>
<body>
<footer>
<p>Posted by: Steve Smith</p>
<p>
<address> Sector 64, Noida
</address>
</p>
<p>Contact information:
<a href="mailto:xyz@gmail.com">xyz@gmail.com</a>.
</p>
</footer>
</body>
</html>

Output

HTML Footer Tag with CSS

Posted by: Steve Smith

Sector 64, Noida

Contact information: xyz@gmail.com.


Browser Support

Element
Microsoft Edge browser.png Edge
Chrome browser.png Chrome
Firefox browser.png Firefox
Opera browser.png Opera
safari browser.png Safari
<footer>
Yes
Yes
Yes
Yes
Yes





Become a Patron!

Note: If the updated content is not visible to you please refresh the cookies by pressing CTRL + Shift + R.