HTML5 footer label How to use? Examples of usages of footer tags

This article mainly introduces about the use of HTML5 footer tags, there are layout and other knowledge, pure HTML editing, do not need to CSS, OK, now let's take a look at this article about HTML5 footer tag

First, let's take a look at the use of HTML5 footer tags:

HTML5 <footer> Tag element added HTML5 bottom footer element tag, added footer tag base to HTML 5 understanding footer CSS Layout Tutorial to achieve true mastery and understanding <footer>

Remember that we used to use id= "footer" or class= "footer" When we used the copyright at the bottom of the page before the HTML5 version. Learn more about HTML tutorial tags!

For example, traditional HTML layout code:

<div id= "Footer" > PHP All rights reserved <br/> Learn html, find DIV+CSS resources on topic.alibabacloud.com! </div>

In HTML5, however, this "footer" name is added as a HTML5 element tag member.

HTML5 the syntax of the footer tag:

<footer> PHP Chinese Web copyright <br/> Learn html, find DIV+CSS resources on topic.alibabacloud.com! </footer>

Small knowledge Extension:

When we use the footer tag in HTML5 development, we treat it as a normal div tag, but it is generally used for the bottom layout of the site. In general, the next page has only one bottom area, so it is best to use only one footer at a time.

Note that:<footer> is new to HTML5 and is not compatible with IE8 and the following IE browsers, and is used with caution.

HTML5 footer Using layout cases:

Learn by comparing traditional div label layouts with footer label layouts to master footer tags. Full HTML5 Layout Instance code:

<! DOCTYPE html> 
Effect:


OK, here, this article about HTML5 footer tag is over (want to learn more about topic.alibabacloud.com, which has all of your desired online programming courses), in doubt can leave a message below