Estructura base que sí funciona
Piensa en datos y cabeceras como una matriz con sentido. 📊
1
`thead` separa cabeceras del cuerpo y mejora mantenimiento visual/semántico.
2
Usa `th scope="col"` para encabezados de columna y `scope="row"` para filas cuando aplique.
Tabla semántica básica
<table>
<caption>Planes de suscripción</caption>
<thead>
<tr>
<th scope="col">Plan</th>
<th scope="col">Precio</th>
<th scope="col">Soporte</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Básico</th>
<td>0 €</td>
<td>Email</td>
</tr>
<tr>
<th scope="row">Pro</th>
<td>19 €</td>
<td>Email + chat</td>
</tr>
</tbody>
</table>