The footer tag or <footer> tag in HTML is used to represent the lower portion of the webpage and usually contains the footer for a webpage.
So far we have used <div> tags to represent footers in HTML. However, with Semantic tags, we got the Footer tag that represents the Footers.
The footer tag usually contains the contact details, sitemap for the website or the copyright details.
Now, let us understand footer with the below example.
<html> <body> <footer> <h1>My Footer</h1> </footer> </body> </html>
So, if you look at the above code. The footer tag represents the footer in the HTML page.
<footer> <h1>My Footer</h1> </footer>
Now, the footer tag is not just restricted to one footer tag in a webpage. In simple words we can have multiple footer tags in an HTML file.
<html> <body> <footer> <h1>My first footer</h1> </footer> <footer> <h1>My second footer</h1> </footer> </body> </html>
So, if you look the above code, we have two footer tags in the HTML page.
<footer> <h1>My first footer</h1> </footer> <footer> <h1>My second footer</h1> </footer>