Barrapunto

A mi entender, el problema de las tablas es el siguiente: hay una serie de contenidos (por ejemplo, una hoja de cálculo) cuya información se puedo publicar de manera ajustada como una tabla. Tiene sentido semántico, y por lo tanto, las tablas aparecen en XHTML (de la misma forma que aparecen en LaTeX). El problema es que HTML se ha utilizado para conseguir presentación. En principio, HTML tiene una estructura que hace que una palabra (o marquilla) situada aquí salga por necesidad antes que una situada aquí. Las tablas te permiten darle una apariencia horizontal a los contenidos de una página, pero semánticamente no aportan nada: la información sería la misma si quitas la tabla (a lo mejor no se ve tan bonita), con lo que la tabla no funciona como una entidad con un contenido de tipo tabular.

En vista de lo anterior, usar tablas para conseguir maquetación no es una buena idea. Para más inri, el sistema es un tanto engorroso y los navegadores chupan bastantes recursos para poner las cosas en su lugar de forma rápida y eficiente (hay que empezar a usar truquitos). Estas son las razones (aparte de otras) para usar hojas de estilo en maquetación.

Las CSS tienen otras ventajas: permiten tener estilos diferentes para distintos medios (p. ej., visita esta página [shef.ac.uk] y mira un print preview), están pensadas para maquetació, y por lo tanto permiten hacer cosas que ni borracho harías con tablas (bueno, las haces, pero a base de truquitos. Como muestra, un botón: CSS3 trae soporte para bordes redondeados: sin imágenes! Mozilla ya lo soporta), y permiten reducir el tamaño de las páginas (además de tener una utilización óptima de la caché). Un ejemplo de migración, con comentarios de por qué se ha hecho está aquí [netscape.com].