Cosa vuol dire identificare le intestazioni di righe e colonne nelle tabelle di dati?

Utente HTML.it
chiede

Cosa vuol dire identificare le intestazioni di righe e colonne nelle tabelle di dati?

Redazione HTML.it
risponde

In una tabella di dati troveremo delle celle che contengono i “titoli” delle righe o delle colonne e delle celle contenenti le informazioni.
Le celle contenenti i titoli vanno marcate con l’elemento TH (celle di intestazione), mentre le celle contenenti le informazioni vanno marcate con l’elemento TD (celle di dati).
Le varie celle vanno poi relazionate tra di loro tramite due possibilità:

  1. Associare esplicitamente le celle di dati alle loro intestazioni tramite l’attributo headers contenente uno o più riferimenti alle rispettive intestazioni.
    Esempio:

    <tr>
    <th id=”nome”>Nome</th>
    <td headers=”nome”>Luca</td>
    </tr>

  2. Dare una direzione alle celle di intestazione verso cui operano attraverso l’attributo scope.
    Esempio:

    <tr>
    <th scope=”row”>Nome</th>
    <td>Luca</td>
    </tr>