Adloun

HTML : structurer le Web (école d'ingénieur) · Chapitre 5 · Exercice de TD

Un tableau pour la mise en page ?

Tableaux de données · niveau 1 (application)

Énoncé

Un site d'association place son menu dans la colonne de gauche d'un tableau et son contenu dans la colonne de droite. Donner trois raisons de ne pas le faire, et dire par quoi on le remplace.

Corrigé

  • Accessibilité : un lecteur d'écran annonce un tableau et lit son contenu case par case ; le menu et le texte deviennent des « cellules » sans rapport de ligne ni de colonne.
  • Adaptation aux écrans : un tableau garde ses colonnes côte à côte ; sur un téléphone, le texte devient minuscule ou déborde.
  • Maintenance et sens : la structure HTML doit dire ce qu'est chaque partie (un menu de navigation, le contenu principal) ; un tableau dit seulement « grille de données ».

On écrit le menu dans un <nav> et le contenu dans un <main> (chapitre 7), puis on les place côte à côte avec CSS.

100 % gratuit

La suite du chapitre est sur Adloun

Exercice suivant et tuteur

Sans compte : le cours et le premier QCM. Exercices et tuteur : inscription gratuite en 30 secondes, sans carte bancaire.

Le cours du chapitre · Tous les exercices du chapitre

Exercice suivant et tuteur →