The <footer> element is used to define the footer in the HTML document of section. It is defined at the bottom of the page. It is mostly used to show some information such as copyright, version, author name etc. However, there is no restriction to use the <footer> tag to use at the end of the document or per page basis, in fact you can use this tag for each section as the footer. It will be served as the footer for that specific section in the document.
This <footer> tag itself will not do the magic of putting at the bottom of the place as you desired. You still need to use the CSS to design your footer. This tag is used for the semantic (intended meaning of footer) purposes.
Syntax of <footer> Tag
<footer> Body content</footer>
Browser Support
Footer element supported in Internet Explorer 9, Firefox, opera, Chrome and safari browsers.
Attribute of <footer>
The footer element doesn’t have any attribute
Example
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML 5 Example by JavaBeat.net</title>
</head>
<body>
<article>
<h1>HTML5</h1>
<div style="width:700px">
<p style="text-align:justify">HTML5 is the latest standard for HTML.
The previous version of HTML, HTML 4.01, came in 1999, and
the internet has changed significantly since then.
HTML5 was designed to replace both HTML 4, XHTML,
and the HTML DOM Level 2.</p>
</div>
</article>
<footer>
<p>Copyright ©2014</p>
</footer>
</body>
</html>
- Here <footer> tag is used to write information about the web page at the bottom of the html page as well as for each section on the article.
Example Application Test
- Save the file as footer_example.html in your system.
- Just open the file in the browser, you will see the below picture in the browser. Note that the browser must support HTML5 specification.
Output
When the execution process is completed successfully we will get the following output :
HTML5 Header Tag