国产av无码专区亚洲av果冻传媒,成人国产精品秘片多多

L'élément de balise HTML5

Rappelez-vous Lorsque nous indiquions les droits d'auteur en bas de la page Web avant la version HTML5 précédente, nous avions l'habitude d'utiliser id="footer" ou class="footer". Apprenez-en davantage sur les balises du didacticiel HTML?!

Par exemple,

mise en page HTML traditionnelleCode?:

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

syntaxe HTML5 - TOP

1. Grammaire

Pour apprendre le CSS, recherchez les ressources DIV+CSS sur DIVCSS5?!

2 Ajoutez un identifiant à la balise de l'élément de pied de page

? DIVCSS5.COM Tous droits réservés
Pour apprendre le CSS, recherchez les ressources DIV+CSS sur DIVCSS5?!

3. >

< ;footer class=”yanshi”> ? DIVCSS5.COM Tous droits réservés
Pour apprendre le CSS, recherchez les ressources DIV+CSS sur DIVCSS5?! ??> 4. Expansion des connaissances

Lorsque nous utilisons la balise footer dans le développement HTML5, nous pouvons la traiter comme une balise div ordinaire, mais elle est généralement utilisée 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?:

navigateur IE

, utilisez-le donc avec prudence.

2. Cas de disposition d'utilisation du pied de page HTML5 - TOP

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. En même temps, ajoutez une classe au pied de page et définissez la police rouge à des fins de comparaison.

1. Exemple de code de mise en page HTML5 complet

Ce qui précède utilise la balise html div traditionnelle et la mise en page de la balise de pied de page html5, et définit également la classe pour le pied de page.

2. Capture d'écran du navigateur de mise en page HTML5

<!DOCTYPE html>
<html>
 <head> 
  <meta charset="utf-8" /> 
  <title>footer 在線演示 DIVCSS5</title> 
  <style> body{text-align:center} /* 傳統(tǒng)布局CSS */  #footer{color:#CCC; background:#630202;border-top:1px solid #871515; padding:10px 0 30px 0; width:100%}  /* HTML5布局樣式 直接對footer元素設置樣式 */  footer{ background:#CCC;border-top:1px solid #000; padding:10px 0 30px 0; width:100%} .color-F00{ color:#F00}  </style> 
 </head> 
 <body> 
  <p>傳統(tǒng)html 使用div布局</p> 
  <div id="footer">
    　　&copy; DIVCSS5.COM 版權(quán)所有
   <br /> 　　學習CSS，找DIV+CSS資源上DIVCSS5! 
  </div> 
  <p>html5 footer標簽布局</p> 
  <footer>
    　　&copy; DIVCSS5.COM 版權(quán)所有
   <br /> 　　學習CSS，找DIV+CSS資源上DIVCSS5! 
  </footer> 
  <p>html5 footer標簽布局設置class</p> 
  <footer class="color-F00">
    　　&copy; DIVCSS5.COM 版權(quán)所有
   <br /> 　　學習CSS，找DIV+CSS資源上DIVCSS5! 
  </footer>   
 </body>
</html>

Disposition du pied de page HTML5 du code HTML et diagramme d'épissage de l'effet de navigation du navigateur

HTML5 <footer> élément de balise html pied de page inférieur tutoriel de mise en page CSS Obligatoire pour tester Pour l'effet de mise en page de la balise de pied de page html5, vous devez tester le navigateur IE qui prend en charge HTML5. Il est recommandé de tester avec le navigateur Google Chrome ou le navigateur Win IE9 ou supérieur.