Exemple
L'exemple suivant identifie deux des <th> éléments comme les en- têtes des colonnes, et deux des <td> éléments en - têtes pour les lignes:
<table>
<tr>
<th></th>
<th scope="col">Month</th>
<th scope="col">Savings</th>
</tr>
<tr>
<td scope="row">1</td>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td scope="row">2</td>
<td>February</td>
<td>$80</td>
</tr>
</table>
Essayez - le vous - même » Définition et utilisation
Le <td> attribut de portée ne sont pas pris en charge dans HTML5.
Le scope attribut définit une manière d'associer les cellules d' en- tête et les cellules de données dans une table.
Le scope attribut identifie si une cellule est un en- tête d'une colonne, une ligne ou un groupe de colonnes ou lignes.
support du navigateur
| Attribut | |||||
|---|---|---|---|---|---|
| scope | Oui | Oui | Oui | Oui | Oui |
Le scope d' scope attribut n'a aucun effet visuel dans les navigateurs Web ordinaires, mais peut être utilisé par les lecteurs d'écran.
Syntaxe
<td scope="col|row|colgroup|rowgroup">
Attribut valeurs
| Valeur | La description |
|---|---|
| col | Indique que la cellule est un en-tête d'une colonne |
| row | Indique que la cellule est un en-tête d'une ligne |
| colgroup | Indique que la cellule est un en-tête d'un groupe de colonnes |
| rowgroup | Indique que la cellule est un en-tête d'un groupe de lignes |