LAST UPDATED: NOVEMBER 12, 2020
HTML footer Tag
The <footer> tag is used to define the footer of the document. or in simpler words we can say to create the footer of a webpage/website.
-
The <footer> tag is new in HTML5. The <footer> tag can be used to hold various information like links and copyright data related to the webpage or a section of the webpage.
-
The <footer> tag is used inside the <body> tag. The <footer> tag requires both the start(opening) tag as well as the end(closing) tag.
-
The <footer> tag is not sectioning content and therefore doesn't introduce a new section.
-
The <footer> tag is a structural element that is used to identify the footer of a page, document, article, or section.
-
Also, this is a block-level element.
<footer> tag typically contains:
-
authorship information,
-
copyright information,
-
contact information,
-
sitemap,
-
back to top links etc.
HTML <footer> Tag - Syntax and Usage
The <footer> tag requires the start(opening) tag and end(closing) tag.
<footer>
..content here
</footer>
HTML <footer> Tag Basic Example
Below we have a basic example for clear understanding of <footer> tag:
Another Example:
In this example we will add a few links to the footer, which is usually the case with most of the websites.
HTML <footer> Tag Attributes
This element does not have any specific attributes although this element supports Global attributes and Event attributes.
Default CSS Settings for HTML <footer> Tag
footer {
display: block;
}
Browser Support for HTML <footer> Tag
Following browsers support this attribute:
-
Firefox 4+
-
Google Chrome 6+
-
Internet Explorer 9+
-
Apple Safari 5.1+
-
Opera 11.1+
