Home > Web Front-end > H5 Tutorial > How to use html5 footer tag? Usage examples of footer tag

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

寻∝梦
Release: 2018-08-30 16:24:07
Original
4226 people have browsed it

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>
Copy after login

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>
Copy after login

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:

 
 
 
 
footer PHP中文网在线演示 
 
 

传统html 使用div布局

html5 footer标签布局

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

The effect is as shown in the figure:

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

##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!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template