Balise TFOOT
Rôle
Un tableau HTML plus complexe peut également inclure des sous-parties déclarées dans cet ordre : thead, tfoot et tbody .
La balise thead permet de regrouper le contenu d’entête dans un tableau HTML.
La balise tbody permet de regrouper le contenu du corps dans un tableau HTML.
La balise <tfoot> permet de regrouper le contenu du pied de page dans un tableau HTML.
Testez vous-même cette balise
Utilisez Codepen.
Voici le resultat
Nous avons utilisez le css pour mettre en évidence les différentes parties du tableau dont la partie tfoot qui apparaît en rouge dans cet exemple
Compatibilité
La balise <tfoot> est pris en charge par tous les principaux navigateurs
Attributs spécifiques
Attributs spécifiques à cet élément
- align
- Spécifie l’alignement horizontal du contenu de la cellule (n’est plus supporté en HTML5)
Syntaxe :
<th align="justify" > ...</th> - Valeurs possible :
- align=’left’ : alignement à gauche
- align=’right’ : alignement à droite
- align=’center’ : alignement au milieu
- align=’justify’ : alignement justifié
- char
- Spécifie l’alignement du contenu des cellules de la balise thead par rapport à un caractère. Utile, par exemple, pour l’alignement des nombres décimaux par rapport au point (n’est plus supporté en HTML5)
Syntaxe :
<thead char="." > ...</thead> - charoff
- Spécifie le décalage en caractères par rapport à la valeur définit par l’attibut char (n’est plus supporté en HTML5)
Syntaxe :
<thead char="." charoff="2" > ...</thead> - valign
- Spécifie l’alignement vertical du contenu dans la cellule (n’est plus supporté en HTML5)
Syntaxe :
<th valign="middle" > ...</th> - Valeurs possible :
- valign=’top’ : alignement vers le haut
- valign=’bottom’ : alignement vers le bas
- valign=’middle’ : alignement au milieu
- valign=’baseline’ : alignement sur la ligne de base
La balise <tfoot> prend aussi en charge les attributs globaux
Attibuts de type événement
La balise <tfoot> prend aussi en charge les événements souris
