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

Haut de page