How to use html5 footer tag? Usage examples of footer tag

This article mainly introduces you to the use of HTML5 footer tags, including layout and other knowledge, pure HTML editing, no need to know css, okay, now let us take a look at this article about html5 footer Tag article

First let’s take a look at the use of the html5 footer tag:

HTML5

The tag element adds the html5 bottom footer element tag, which is useful for html 5 Add the basics of the footer tag to understand the footer css layout tutorial to truly master and understand

Remember that when we laid out the copyright at the bottom of the web page before the previous HTML5 version, we were accustomed to using id="footer" or class=”footer”. Learn more about html tutorial tags!

For example, the traditional html layout code:

<div id=”footer”> 
　　© php中文网 版权所有<br /> 
　　学习html，找DIV+CSS资源上PHP中文网! 
</div>

But in html5, this commonly used name of "footer" is added as an html5 element tag member.

html5 footer tag syntax:

<footer> 
　　© php中文网 版权所有<br /> 
　　学习html，找DIV+CSS资源上PHP中文网! 
</footer>

Little knowledge expansion:

When we use the footer tag in html5 development, Just treat it as an ordinary div tag, but it is generally used for the bottom layout of the website. Generally, a web page has only one bottom area, so it is best to use the footer only once.

Note:

is new to HTML5 and is incompatible with IE8 and below, so use it with caution.

html5 footer usage layout case:

Master the footer tag by comparing and observing the traditional div tag layout and the footer tag layout. Complete HTML5 layout example code:

 
 
 
 
 
 
 
传统html 使用div布局
 
 
　　© php中文网 版权所有
 
　　学习html，找DIV+CSS资源上PHP中文网! 
 
html5 footer标签布局
 
<footer> 
　　© php中文网 版权所有<br /> 
　　学习html，找DIV+CSS资源上PHP中文网! 
</footer> 
 

The effect is as shown in the figure:

##Okay, this is the end of this article about HTML5 footer tags (If you want to learn more, come to the PHP Chinese website, which has all the online programming courses you want). If you have any questions, you can leave a message below

[Editor’s recommendation]

Where to find the head tag in html? Summary of the role of the head tag

#html How to use the frame tag? Introduction to the usage of frame tag (with examples)

The above is the detailed content of How to use html5 footer tag? Usage examples of footer tag. For more information, please follow other related articles on the PHP Chinese website!