Tablas - Parte II

La estructura completa

Además de las etiquetas que ya vimos de una estructura básica, para una mejor semántica una tabla también se compone de las siguientes etiquetas.

Los títulos de las tablas se establecen con la etiqueta caption, y según la especificación, esa etiqueta se coloca justo después de la etiqueta de apertura de la tabla.

Las cabeceras de las tablas se establecen con la etiqueta thead. Dentro tendremos una etiqueta tr normal, pero en el caso de las celdas, las estableceremos con la etiqueta th en lugar de la etiqueta td. La etiqueta thead suele ir inmediatamente después de la etiqueta table si no existe una etiqueta caption, o enseguida de esta última si es que existe.

Para el contenido de la tabla se usa la etiqueta tbody que representa el cuerpo de la tabla.

De forma opcional podemos colocar una etiqueta tfoot para establecer un pie de tabla. Un ejemplo donde suele usarse es en una tabla donde al final dela tabla se suman los resultados que contiene dicha tabla.

Estructura completa
Estructura completa de una tabla
La estructura representada en la imagen, el navegador la muestra así:
Título
TH 1 - THEAD TH 2 - THEAD
TD 1 - TBODY TD 2 - TBODY
TD 1 - TFOOT TD 2 - TFOOT

Si se establece un thead en la tabla, de forma obligatoria, el contenido debe ir contenido en la etiqueta tbody.