Las tablas XHTML complejas están formadas por cabecera, pie y uno o más cuerpos. Además, es necesario incluir atributos como summary
y scope
para mejorar la accesibilidad.
<table summary="Descripción de la tabla y su contenido">
<caption>Título de la tabla</caption>
<thead>
<tr>
<th scope="col"></th>
<th scope="col">Cabecera columna 1</th>
<th scope="col">Cabecera columna 2</th>
</tr>
</thead>
<tfoot>
<tr>
<th scope="col"></th>
<th scope="col">Cabecera columna 1</th>
<th scope="col">Cabecera columna 2</th>
</tr>
</tfoot>
<tbody>
<tr>
<th scope="row">Cabecera fila 1</th>
<td>...</td>
<td>...</td>
</tr>
<tr>
<th scope="row">Cabecera fila 2</th>
<td>...</td>
<td>...</td>
</tr>
</tbody>
</table>