Tablas a la HTML 4.1 y 5

Antes de que me os rasguéis las vestiduras al grito de anatema y apocalipsis, aclaro que no voy a maquetar usando tablas (suspiros de alivio). Solo quiero haceros ver cómo han evolucionado las tablas en HTML para poder usarlas en todo su potencial y para lo que son, para datos tabulados.

El origen
<table>
    <tr>
        <td></td>
    </tr>
</table>

Aburrido, no?, bueno pues voy a poner un ejemplo completo de tabla con sus aditamentos para ver el potencial que tienen. Básicamente lo que quiero recalcar es el uso de los tags <col>, <thead>, <tfooter>, <th> y <td> además del CSS con los pseudo selectores para columnas y filas. Por supuesto, donde sea aplicable se puede usar

El ejemplo completo podéis verlo en http://jsfiddle.net/jrdiaz/QbLYN/


Para ejemplos avanzados con CSS3 podéis visitar http://tympanus.net/codrops/2010/05/03/pimp-your-tables-with-css3/

Y la especificación de tablas HTML5 simplificada para web developers http://developers.whatwg.org/tabular-data.html