En los inicios del diseño web los diseñadores teníamos que echar mano de los más variados recursos para lograr una cierta estructura en el armado de las páginas. Por entonces, comenzó a popularizarse el uso de tablas “invisibles” para organizar los contenidos.
La cuestión en teoría era sencilla pero –hasta que los editores visuales comenzaron a usarse masivamente- traía más de un dolor de cabeza en la práctica. La premisa era emplear tablas –que no eran visualizadas por los usuarios- para organizar el contenido. Esto traía la gran complicación de tener que estar lidiando con filas y celdas que al final terminaban mareando.
Con la estandarización de las hojas de estilo (CSS) y su difusión el problema se solucionó: el contenido por un lado y el diseño por otro. De este modo, las tablas empezaron a dejar de usurase –pese a que hoy muchos las siguen empleando- y se estructuraron los contenidos a partir de la etiqueta DIV. El «TABLEless design».
Un sitio básico podemos definirlo así:
<div id="encabezado">Contenido encabezado</div>
<div id="menu">Listado de enlaces</div>
<div id="contenido">Textos, fotos, animaciones...</div>
<div id="pie">Pie de página</div>
La disposición de los elementos, entonces, se organiza a partir de definir los atributos visuales de cada unos de los elementos en la hoja de estilo: posición, color, tamaño, etc.
Cuando esto parecía ser la solución definitiva hoy comienza hablarse del “divless design”, es decir, menos DIVs en el código.
¿Cuál es la solución propuesta? Utilizar listas en su lugar ¿Por qué? Veamos algunos puntos:
- Sentido lógico. Los DIVs agrupan bloques de información pero no establecen una jerarquía u ordenamiento de la información. Al usar listas se sabe claramente cuál es elementos principal y los subelementos que lo componen.
- Mejor visualización. Si el navegador empleado no soporta o tiene deshabilitado el soporte para CSS lo que se muestra son los bloques de información que pueden resultar confusos. Las listas organizan mejor el contenido y proveen un orden que facilita una lectura secuencial y organizada.
En SOMERANDOMDUDE.net hay un artículo que realiza un análisis minucioso de los pormenores de esta nueva forma de estructurar las páginas.
¿Significa esto el fin de los DIVs? No por el momento. El método de las listas –que básicamente emplea listas desordenadas y listas de definiciones- es más complejo y requiere un manejo minucioso de varios atributos de estilo, los cuales no siempre son implementado de forma uniforme en todos los navegadores.
Como señala el autor del artículo, DIVless fue pensado para proporcionar otro método en la creación de diseños web amigables y conforme a los estándares.