Learnerslesson
   JAVA   
  SPRING  
  SPRINGBOOT  
 HIBERNATE 
  HADOOP  
   HIVE   
   ALGORITHMS   
   PYTHON   
   GO   
   KOTLIN   
   C#   
   RUBY   
   C++   
   HTML   
   CSS   
   JAVA SCRIPT   
   JQUERY   




HTML - Footer Tag


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.


Why do we need Footer Tag in HTML?


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.


What does the Footer Tag contain?


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.


Example :



<html>
<body>
	<footer>
		<h1>My Footer</h1>
	</footer>	
</body>
</html>


Output :




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.


Using multiple footer tags in an HTML page


Example :



<html>
<body>
	<footer>
		<h1>My first footer</h1>
	</footer>
	
	<footer>
		<h1>My second footer</h1>
	</footer>	
</body>
</html>


Output :




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>