1. Description de la balise HTML <caption>
La balise HTML <caption> est utilisée dans le contexte des tableaux pour fournir une légende ou une description pour le tableau. Elle est généralement placée immédiatement après la balise d'ouverture <table> et avant les balises <thead>, <tbody>, <tfoot> ou <tr>.
La balise <caption> est utilisée pour améliorer l'accessibilité et la compréhension des tableaux, en fournissant une description textuelle ou une légende qui explique le contenu ou le contexte du tableau. Cette légende est généralement visible au-dessus ou en dessous du tableau, selon les styles de présentation.
2. Syntaxe et usage de la balise HTML <caption>
Voici un exemple d'utilisation de la balise <caption> dans un tableau HTML :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 |
<!DOCTYPE html> <html> <head> <title>Exemple de tableau avec une légende</title> </head> <body> <!-- la balise <caption> est utilisée pour fournir une légende au tableau, indiquant qu'il s'agit des "Chiffres mensuels des ventes". Cette légende peut être interprétée par les lecteurs d'écran pour les utilisateurs ayant des besoins d'access --> <table> <caption>Chiffres mensuels des ventes</caption> <thead> <tr> <th>Mois</th> <th>Ventes</th> </tr> </thead> <tbody> <tr> <td>Janvier</td> <td>1000</td> </tr> <tr> <td>Février</td> <td>1200</td> </tr> <!-- ... autres lignes du tableau ... --> </tbody> </table> </body> </html> |
Remarque
Notez bien que : chaque tableau devrait idéalement avoir une légende significative, mais l'utilisation de la balise <caption> est optionnelle. Lorsqu'elle est utilisée, elle doit être utilisée de manière appropriée pour fournir des informations utiles sur le tableau.
Younes Derfoufi
CRMEF OUJDA
1 thought on “La balise HTML <caption>”