TABLE vs CSS
Cuando nos iniciamos en la programación orientada para web, nos enseñaron que el uso de la etiqueta ‘table’ era la mejor opción para el diseño y la estructuración de una página web.
Si nos remontamos a los inicios, las tablas fueron creadas para mostrar los datos más organizados, pero con la incorporación del border=”0” empezaron a diseñar websites más complejos y que hasta ahora han reinado en Internet. Pero la cosa está cambiando…
Los problemas de las tablas
- El contenido se mezcla con el código.
- Las páginas pesan demasiado por culpa de las tablas.
- Tanto código innecesario repercute en el tiempo de descarga por cada página.
- El rediseño de un site con tablas no es difícil pero requiere de mucho tiempo.
- Otro problema es la accesibilidad. Las páginas con tablas son menos accesibles para navegadores en móvil o PDA.
Lo que ofrecen los CSS
En vez de anidar tablas dentro de tablas y tener celdas vacías con espaciadores transparentes en GIF, podemos utilizar los CSS para obtener los mismos diseños que con tablas (incluso mejores) y serán códigos más sencillos, más rápidos de cargar, más sencillos de rediseñar y más accesibles.
El método es el siguiente: configuras una hoja de estilos (CSS – Cascading Style Sheets) externa y luego, al texto de tu HTML le vas dando formato con las etiqueta
. De esta forma, el contenido está totalmente separado de la forma en que se presenta.Los dos ventajas más importantes
- Se reduce el tamaño de la página considerablemente.
- Los navegadores se descargan una sola vez la hoja de estilos (CSS) y se utiliza para todas las páginas.
Consecuencia: la página se carga mucho más rápida.