. Avanza Posición, Posicionamiento en Buscadores .

Maquetación web: CSS o tablas

El diseño de webs utilizando CSS se está imponiendo paulatinamente a la tradicional maquetación con tablas. Son varias las ventajas de las CSS (hojas de estilo) frente a las tablas y el diseño tradicional en HTML. Esto es así porque el lenguaje HTML no fue concebido para muchos de sus usos actuales y sus limitaciones se han venido supliendo con etiquetas no estándar y diversos trucos. Todas esas pequeñas trampas ocasionan problemas de visualización en las distintas plataformas.

La principal ventaja de las hojas de estilo es su facilidad para modificar cientos de páginas de una web cambiando una sola línea de código. Por ejemplo, para cambiar el color del texto de los encabezados de un sitio, simplemente modificaremos ese atributo en la hoja de estilo. Para hacer lo mismo con una web diseñada con HTML, necesitaríamos reemplazar el atributo en todas y cada una de las páginas del sitio. Si en un sitio pequeño, de unas 15 a 30 páginas, ya resulta tediosa la tarea, en uno de más de mil páginas el trabajo que conlleva ese simple cambio es enorme.

Otro punto a favor de las CSS es la claridad del código. Al separar las etiquetas de sus atributos se facilita la comprensión por parte del propio diseñador y de terceros. También proporcionan un control total sobre los elementos de la página sin recurrir a complejos entramados de tablas. Desde el punto de vista del posicionamiento, estas dos características son vitales, ya que permiten al posicionador colocar el texto más relevante exactamente donde se desea, al principio de la página y no perdido tras los encabezados, logotipos, menús y demás elementos que normalmente se muestran al visitante antes que ese texto.

No menos importantes son las posibilidades extras que ofrecen las hojas de estilo, de las que carece el HTML estándar. Con las CSS controlamos exactamente la distribución del texto a lo largo de la página, así como todos los atributos que le afectan sin tener que recargar la web de gráficos innecesarios, scripts y las diversas soluciones que hasta ahora se venían empleando para realizar esas funciones.


© 2006-2008 Avanza Posición