Tablas SI o Tablas NO

"Desde que en 1998 las recomendaciones del recientemente creado CSS2 hablaban de ello, el uso de tablas en las páginas web fue cayendo en el olvido y los sitios basados en CSS se transformaron en un sinónimo de elegancia y buen diseño."

Tablas. Malditas tablas. La cultura geek odia las tablas. Son ... como el Judas Iscariote del HTML. Hay que alejarse de ellas lo más posible. Las tablas, dicen, sólo hay que usarlas para ... hacer tablas ...

Claro, el hecho de que la mayoría de los sitios más visitados usen tablas parece que es un pequeño detalle. Google usa tablas y tan mal no le va. Y no las usa ahora que puede darse el lujo de hacer cualquier cosa, las usó siempre. GMail usa tablas; Yahoo usa tablas, YouTube usa tablas, Twitter usa tablas, casi todos los gadgets usan tablas. Parecería entonces que las verdades absolutas y la realidad van por caminos diferentes (como siempre).

Lo elemental sería aclarar algo antes que alguien grite.

No hay etiquetas buenas y etiquetas malas porque no hay codigos "buenos" y códigos "malos". Tampoco hay etiquetas prohibidas porque de existir tal cosa, simplemente, se hubiera eliminado de los navegadores; sin embargo, siguen allí, las usemos o no y algunas ya tienen muchisimos años de existencia.

Pero ¿por qué esos sitios usan tablas?

No sé, tal vez, porque quienes los desarrollaron no saben otra cosa, tal vez porque les resulta cómodo y tal vez, porque a veces es más sencillo. Sea como sea, cualquiera de esas reazones o cualquier otra es tan válida como la contraria porque una herramienta es tan buena o mala como quien la utiliza y el diseño web debería estar mucho más allá de estos pseudo-pecados.

Salvo algún detalle gráfico que podrían solucionarse ¿qué diferencia hay entre estos dos enlaces que no llevan a ninguna parte?:

PSEUDO-ENLACE

PSEUDO-ENLACE

A menos que se mire el código fuente, no habrá gran diferencia. Ambos se ven bien (o mal); ambos cumplen su función (ninguna en este caso); ambos serán indexados ¿Cuál de ellos es el que tiene el estigma de ser una tabla?

Parece obvio pero, en realidad, las páginas web son eso, se ven, funcionan, se encuentra lo que uno buscaba o no, nos resultan agradables o no, listo, no importa mucho más porque para eso están.

Filosofía al margen: ¿hay que usar tablas? La respuesta es ... depende, en todo caso ¿para qué usar una tabla? Y bueno, porque a veces, es mucho más sencillo hacer algo de ese modo que de otro y eso, no es ni malo, ni bueno.

Por ejemplo, quiero centrar una imagen tanto horizontal como verticalmente en un rectángulo que tenga un borde y un color de fondo, si sólo es una imagen es sencillo, necesito conocer el ancho:

<div style="background-color: #135; border: 1px solid #68A; margin: 10px auto; padding:10px; text-align:center; width:236px;">
  <img src="MI_IMAGEN" />
</div>

Pero, si tengo tres imágenes de diferente tamaño y las quiero poner, una al lado de la otra, las cosas se me complican y para centrarlas verticalmente deberé recurrir a alguna clase de truco que implica crear más DIVs hacer cácullos, usar márgenes negativos, todo eso implica una larga cantidad de CSS. Para colmo, si quisiera cambiar una de ellas, debería empezar otra vez:

Ni lo intento. Obviamente, es mucho más sencilo colocarlas en una tabla donde con un par de atributos, las centro sin problemas:

<table style="background-color: #135; border: 1px solid #68A; margin: 10px auto; padding:10px;">
  <tr>
    <td><img src="IMAGEN_1" /></td>
    <td><img src="IMAGEN_2" /></td>
    <td><img src="IMAGEN_3" /></td>
  </tr>
</table>

Y no, no es el diablito el que me lo sugiere, es el sentido común ¿para qué me voy a complicar la vida? El código usado es válido, es sintácticamente correcto, el resultado es el que quería, funciona, se ve bien ¿puedo pedir más?

¿Esto significa que hay que usar tablas siempre? No, claro que no, ese sería el mismo error que no usarlas. Lo que esto significa es que hay que usarlas cuando nos parezcan útiles.

MÁS INFORMACIÓN: Malditas Tablas 1 | 2 | 3 | 4 | 5