Introduction of HTML5 <footer> Tag
The HTML5 <footer> tag define a footer of the webpage, article or section. It is the last section of the article or webpage. This element represents important information about the article and website.
Generally, HTML5 <footer> element represents the below informations.
About the Author
About Copyrights
Links to the privacy policy, terms of use etc.
Links to related pages
Contact information etc.
If you want to define the footer of an article, you have to define the <footer> tag inside the <article> element and for section define this inside the section element. Similarly to define the footer of a webpage, it is defined before the </body> tag.
After updating specification of <footer> HTML tag it has been included in HTML5 . Initially, when this tag was introduced, there was a very limited content added in it. Such as headings and navigational links was not allowed in this tag.
After some time it was introduced again by changing the content model of <footer> tag. Now in this tag, you can also define heading, navigation links, and header. This tag works just like the <header> tag.
Several <footer> elements can be defined in an HTML document. The search engine will treat it as related information as it will be defined within the element.
How to use footer tag in html5?
Syntax of HTML5 <footer> Tag
The general syntax of <footer> tag is given below.
<footer>
// content here
</ footer>
The footer tag in <article> element can be defined like this.
<article>
// Main content here ...
<footer>
// footer content here ...
</ footer>
</ article>
The <footer> tag in the <section> tag can be defined like this.
<section>
// Main Content here ...
<footer>
// Footer content here ...
</ footer>
</ section>
Attributes of HTML5 <footer> Tag
There is no specific attribute of the <footer> tag. These tags support all global attributes (id, class, etc.) and event attributes (onmouseover, onclick etc.).
0 Comments:
Post a Comment
Thank you for reading this post. Please do not enter any spam link in the comment box.