Encabezados para una tabla complicada en HTML

scope cubre el caso simple; headers cubre el que scope no puede expresar.

<table>
  <caption>Rooms by floor and time</caption>
  <tr>
    <td></td>
    <th id="am" scope="col">Morning</th>
    <th id="pm" scope="col">Afternoon</th>
  </tr>
  <tr>
    <th id="ground" scope="row">Ground floor</th>
    <td headers="ground am">Studio</td>
    <td headers="ground pm">Library</td>
  </tr>
</table>

Cómo funciona

scope dice si un <th> rotula su fila o su columna.
headers lista, por id, cada encabezado que aplica a una celda.
Si una tabla necesita headers, piensa si dos tablas serían más claras.

El intento, en números

Líneas: 13
Caracteres a escribir: 286
Tokens: 100
Ritmo de tres estrellas: 75 tpm

Al ritmo de tres estrellas de 75 tokens por minuto, este intento toma unos 80 segundos.

Escribe este fragmento

Paso 1 de 2 en Contenido que se lee bien; paso 13 de 15 en HTML accesible.

← Anterior Siguiente →