w3resource logo


figcaption tag - HTML5 tutorials

HTML5 footer tag

Secondary Nav

Introduction

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

Description

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


Join our Question Answer community to learn and share your programming knowledge.

Help the community:

PHP: Loop

JavaScript: Delete duplicates in an array

Oracle: Round the number