Séparation des Zones d'Entête, de Contenu et de Pieds dans les Tableaux HTML
Objectifs
À la fin de cette vidéo, vous serez capable de structurer un tableau HTML en utilisant les balises thead, thbody et thfoot, et de comprendre l’importance de cette structure pour l’accessibilité.
Résumé
Apprenez à structurer vos tableaux HTML en utilisant les balises thead, thbody et thfoot pour une meilleure accessibilité et organisation.
Description
Dans cette leçon, nous explorons une nouvelle manière de structurer les tableaux en HTML en utilisant les balises thead, thbody et thfoot. Cette méthode permet de mieux différencier les zones d'entête, de contenu et de pieds de tableau, rendant le tableau plus accessible et organisé. Nous commencerons par créer un tableau avec des catégories d'aliments et leurs prix ainsi que poids. Nous verrons comment intégrer ces nouvelles balises pour structurer le tableau de manière optimale. Cette approche est particulièrement utile lorsque le tableau comporte des totaux ou des résultats finaux, comme dans un rapport financier ou un inventaire. En utilisant thead pour l'entête, thbody pour le contenu et thfoot pour le pied, nous garantissons que le tableau est non seulement bien organisé mais aussi accessible pour les lecteurs d'écran et autres technologies d'assistance.
Cette structure améliore également l’expérience utilisateur en aidant à séparer clairement les différentes sections du tableau, ce qui peut être crucial lorsqu'il s'agit de grandes quantités de données. Finalement, nous vérifierons le rendu de notre tableau dans un navigateur pour s'assurer que tout est correctement présenté.
Le cours est clair tout semble limpide.
La mise à disposition des sources est un plus qui devrait être fait pour toutes les formation sur Elephorm