Quiz : Listes, tableaux et données

Objectifs de la leçon

• Construire les décisions de « Listes, tableaux et données » avec un élément HTML adapté.
• Ajouter les attributs qui rendent la structure testable.
• Expliquer l'impact utilisateur de la décision prise.

Exprimer la relation entre les données

Le choix entre liste, liste de descriptions et tableau dépend de la relation entre les valeurs, pas de l'apparence souhaitée.

« Quiz : Listes, tableaux et données » sert ici à rendre les décisions de « Listes, tableaux et données » explicite dans le document.

Décision de modélisation

Utilise une liste pour une collection, une liste ordonnée pour une séquence, une liste de descriptions pour des couples terme-définition et un tableau pour des données croisées.

Évite de traiter les décisions de « Listes, tableaux et données » comme un simple détail visuel : le choix doit rester compréhensible dans le DOM et justifiable en revue de code.

Lecture linéaire et relations

Lis la structure dans l'ordre du DOM et vérifie les en-têtes. Une personne doit comprendre le sens de chaque valeur sans se fier uniquement à son alignement visuel.

Pour html-05-data-quiz, commence par le premier test en échec et relie son message à l'élément, l'attribut ou la relation concernée.

Vocabulaire lié

• ul — Liste sans ordre imposé.
• ol — Liste ordonnée.
• table — Structure de données tabulaires.
• caption — Titre accessible du tableau.
• scope — Relation entre en-tête et cellules.

Validation

• Je sais expliquer pourquoi les décisions de « Listes, tableaux et données » améliore PulsaConf.
• Je peux relier chaque test à une exigence utilisateur.
• Je garde une structure compréhensible sans style CSS.