table html
2

Desmontando el tableless en Diseño Web

Son demasiados años en este mundillo, y ahora que a todo el mundo está haciendo predicciones sobre este 2013 y se nombran, una y otra vez, los temas del author rank, diseño adaptativo, seo movil, etc… a mi me gusta tratar temas que no tienen el más mínimo interés y, en este caso, hablar sobre capas y tablas suena a siglo XIX.
cssEs incuestionble las ventajas que tiene el diseño con capas, aunque siempre se han comparado ambas técnicas mencionando las desventajas del uso de tablas, por lo que me centraré en este apartado, desmontando esos topicazos sobre los problemas con el uso de tablas.

1.- Las tablas sólo sirven para mostrar datos tabulados
Pues no… Las tablas sirven para mostrar cualquier tipo de información de manera tabulada (información, véase textos, imágenes, etc…), no lo digo yo, que soy un ‘mindundi’, sino el w3.org (//www.w3.org/TR/html401/struct/tables.html#h-11.1), desde las primeras versiones hasta el HTML5.

2.- Las capas no se crearon para maquetar
¿Pues entonces para que se crearon?. Las tablas ofrecían una forma de establecer el layout de los elementos de la página, su distribución y alineamiento (lo hacen otros lenguajes de programación basados en layouts para componer interfaces y, sin embargo, nadie se planteaba el modelo de diseño de java, por ejemplo)

3.- El diseño web con div+css es permite separar el contenido de la presentación
Para empezar eso no lo proporcionan las hojas de estilo que, por otro lado, también se pueden utilizar con las tablas mientras que, con los gestores de contenido actuales, el contenido se aisla de la presentación de una manera u otra, por lo que este argumento no tiene mucha base


table html4.- Las tablas tardan más en cargarse que las capas

Como mucho las tablas muestran la información una vez cargadas mientras las capas van mostrando el contenido según se cargan, lo que no supone ninguna diferencia porque la página web tarda en cargarse lo que tarda en cargarse (en el 2013, con navegadores que renderizan webs en varios hilos no creo ni que se cumpla)

5.- Google no ‘comprende’ las tablas
!Ni de coña!, Comprende divs, tablas, pdfs, texto en flash, word, excel, etc desde el principio de los tiempos.

6.- Las tablas presentan problemas de comprensión a buscadores, con el SEO
A ver… para los que no conocen el tag ‘TABLE‘, es uno de los tags HTML que más información ‘no visual’ provee al navegador, desde el lenguaje del contenido (lang), hasta el resumen de la estructura y propósito de la tabla (summary), creado en su momento por cuestiones de accesibilidad (para lo que no valoran este tag pero luego abogan por una web accesible)
Si google hubiera empezado a utilizar esta información en sus principios, ahora todos estaríamos riéndonos de los pardillos que usan capas

7.- Las tablas están obsoletas
Esto quiere decir que HTML5 no incorpora este tag y que los nuevos navegadores no mostraran tablas… ¿estoy equivocado?

(hasta hace nada, algunos servicios de google, por ejemplo, estaban maquetados con tablas)

8.- Si usas tablas no pasarás la validación W3C

Mi vida no volverá a ser la misma, sin duda.

table-vs-div

… y muchas más pegas que suelen asociarse a las tablas cuando, en realidad, bastaría con resaltar las bondades de las capas, que son muchas.

En realidad, y como decía al inicio de este artículo, las comparaciones sobre una u otra tecnología trataban hablaban más de las aparentes ‘deficiencias’ de las tablas, y las bondades de las hojas de estilo (CSS).

Como vereis, un artículo que no viene marcado por la actualidad, sino por las ganas de reflexionar sobre algunos tópicos y leyendas que se oyen de vez en cuando.

Francisco Moreno

Tags:

2 thoughts on “Desmontando el tableless en Diseño Web

Comments are closed.