9.3. Utiliser l’attribut scope pour associer les cellules aux entêtes des tableaux de données simples

Un tableau de données simple est un tableau dans lequel les cellules d’entêtes s’appliquent systématiquement à la totalité des cellules de données d’une ligne ou d’une colonne.

Pour associer les entêtes à leurs données dans ce type de tableaux, utiliser l’attribut scope sur les balises <th>. La valeur de cet attribut changera selon que la cellule d’entête concerne :

  • La totalité d’une colonne : scope="col".
  • La totalité d’une ligne : scope="row".
<table>
   <caption>Températures moyennes mensuelles des 3 plus grandes villes de France.</caption>
   <tr>
      <td>&nbsp;</td>
      <th scope="col">Paris</th>
      <th scope="col">Marseille</th>
      <th scope="col">Lyon</th>
   </tr>
   <tr>
      <th scope="row">Juin</th>
      <td>22°C</td>
      <td>28°C</td>
      <td>26°C</td>
   </tr>
   <tr>
      <th scope="row">Juillet</th>
      <td>24°C</td>
      <td>30°C</td>
      <td>28°C</td>
   </tr>
</table>
Températures moyennes mensuelles des 3 plus grandes villes de France.
Paris Marseille Lyon
Juin 22°C 28°C 26°C
Juillet 24°C 30°C 28°C

Commentaires

Ajouter un commentaire

Tous les champs sont obligatoires.

Haut de page