Maison > interface Web > Tutoriel H5 > Comment utiliser la balise de pied de page HTML5 ? Exemples d'utilisation de balise de pied de page

Comment utiliser la balise de pied de page HTML5 ? Exemples d'utilisation de balise de pied de page

寻∝梦
Libérer: 2018-08-30 16:24:07
original
4198 Les gens l'ont consulté

Cet article vous présente principalement l'utilisation des balises de pied de page HTML5, y compris la mise en page et d'autres connaissances, l'édition HTML pure, aucun CSS requis. D'accord, jetons maintenant un coup d'œil à cet article sur les articles de pied de page html5 sur les balises

.

Tout d'abord, examinons l'utilisation des balises de pied de page html5 :

L'élément de balise HTML5

ajoute la balise d'élément de bas de page html5 au HTML 5. De base. compréhension de la nouvelle balise de pied de page. Comprendre le didacticiel de mise en page CSS du pied de page pour vraiment maîtriser et comprendre

N'oubliez pas que lorsque nous avons placé le droit d'auteur en bas de la page Web avant la version HTML5 précédente, nous étaient habitués à utiliser id="footer" ou class="footer". Apprenez-en davantage sur les balises du didacticiel HTML !

Par exemple, le code de mise en page HTML traditionnel :

<div id=”footer”> 
  © php中文网 版权所有<br /> 
  学习html,找DIV+CSS资源上PHP中文网! 
</div>
Copier après la connexion

Mais en HTML5, ce nom couramment utilisé de "pied de page" est ajouté en tant que membre de la balise d'élément html5 .

La syntaxe de la balise de pied de page html5 :

<footer> 
  © php中文网 版权所有<br /> 
  学习html,找DIV+CSS资源上PHP中文网! 
</footer>
Copier après la connexion

Extension peu de connaissances :

Nous utilisons la balise de pied de page en html5 développement Lorsqu'il est utilisé, il peut être traité comme une balise div ordinaire, mais il est généralement utilisé pour la mise en page inférieure du site Web. Généralement, une page Web ne comporte qu’une seule zone inférieure. Il est donc préférable de n’utiliser le pied de page qu’une seule fois.

Remarque :

est nouveau dans HTML5 et n'est pas compatible avec IE8 et versions antérieures, utilisez-le donc avec prudence.

Cas de disposition d'utilisation du pied de page HTML5 :

Maîtrisez la balise de pied de page en comparant et en observant la disposition traditionnelle des balises div et la disposition des balises de pied de page. Exemple de code de mise en page HTML5 complet :

 
 
 
 
footer PHP中文网在线演示 

传统html 使用div布局

html5 footer标签布局

<footer>   © php中文网 版权所有<br />   学习html,找DIV+CSS资源上PHP中文网! </footer>
Copier après la connexion

L'effet est comme indiqué dans la figure :

Comment utiliser la balise de pied de page HTML5 ? Exemples dutilisation de balise de pied de page

D'accord, c'est tout, cet article sur les balises de pied de page HTML5 C'est tout (si vous souhaitez en savoir plus, rendez-vous sur le site PHP chinois, qui propose tous les cours de programmation en ligne que vous souhaitez. Si vous avez des questions, vous pouvez laisser un message ci-dessous

[Recommandation de la rédaction]).

Où trouver la balise head en html ? Récapitulatif du rôle de la balise head

Comment utiliser la balise frame html ? Introduction à l'utilisation de la balise frame (avec exemples)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal