9.2.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 en 2012.</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>