w3resource

HTML5 footer tag

Footer Tag

This document discusses HTML5 footer tag - Description, Usage, Attributes, Example, Result and browser Compatibility.

The HTML5 footer tag represents a footer of a section or document. Usually, copyright information, address of the author, links related to the document including social links related to the document are placed within the footer tag.

Usage

<footer>Copyright 2011-12.</footer>

Notes

If you are using footer to write address of the author, it must be enclosed with address tags.

Since footer tag is not sectioning content, it does not start a new section.

Whether start and end tag are required

Both start and end tag are required.

What a footer element can contain

Any Flow Content (an element which has at least some text content or an element which has some content) except those who don't have <footer> or <header>.

Which elements can contain footer element

Any element that accepts Flow Content.

Attributes

This element has no other attributes than the Global Attributes, common to all elements.

Example:

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset=utf-8>
<title>Example HTML5 footer tag </title>
</head>
<body>
<article>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec laoreet congue arcu id cursus. Nunc turpis leo, iaculis in elementum eu, aliquam in libero. Praesent dictum vehicula eros, eget ornare neque ullamcorper in. In hac habitasse platea dictumst. Sed euismod, ante mattis convallis sollicitudin, tellus enim lacinia nunc, ut interdum neque neque id massa. Sed lorem orci, condimentum nec tempus eget, varius sed ipsum. Nam vitae eros vel libero tristique porttitor vitae eu odio. Fusce aliquet diam libero.</p>
</article>
<footer>Copyright 2011-12.</footer>
</body>
</html>

Compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 15.0.874.121 m 4.0 (2.0) 9.0 11.0 4.0

Previous: HTML5 Figcaption Tag Tutorial
Next: HTML5 header element

Test your Programming skills with w3resource's quiz.



Follow us on Facebook and Twitter for latest update.