Attribut scope de HTML <th>

Balise HTML <th>

Définition et utilisation

scope L'attribut spécifie si la cellule de titre est une en-tête de colonne, de ligne, ou une en-tête de colonne ou de ligne.

Attention :scope L'attribut n'a pas d'effet visuel dans les navigateurs web standards, mais peut être utilisé par les lecteurs d'écran.

Explication détaillée

L'utilisation scope L'attribut peut lier les cellules de données aux cellules d'en-tête.

Par la valeur de l'attribut row, toutes les tables incluses dans la ligne d'en-tête sont liées aux cellules d'en-tête. En spécifiant col, toutes les cellules de la colonne actuelle et les cellules d'en-tête sont liées.

L'utilisation de rowgroup et colgroup lie tous les cellules de la ligne ou de la colonne définies par les balises <thead>, <tbody> ou <tfoot> ou les cellules d'en-tête (définites par les balises <col> ou <colgroup>).

Exemple

Exemple : Définir deux cellules d'en-tête comme des titres de colonnes :

<table>
  <tr>
    <th></th>
    <th scope="col">Mois</th>
    <th scope="col">Dépôt</th>
  </tr>
  <tr>
    <td>1</td>
    <td>janvier</td>
    <td>￥3000</td>
  </tr>
  <tr>
    <td>2</td>
    <td>février</td>
    <td>￥4000</td>
  </tr>
</table>

Essayer vous-même

Syntaxe

<th scope="col|row|colgroup|rowgroup">

Valeur de l'attribut

Valeur Description
col Définir la cellule comme le titre d'une colonne.
row Définir la cellule comme le titre d'une ligne.
colgroup Définir la cellule comme le titre d'un ensemble de colonnes.
rowgroup Définir la cellule comme le titre d'un ensemble de lignes.

Support du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

Balise HTML <th>