¿Qué pasó con las etiquetas de tabla HTML?

Comencé a codificar HTML en 1998, y en ese tiempo usé muchas etiquetas de tabla, jugando con tr y td, aprendí muchas cosas analizando el código fuente de muchos portales en Internet con el bloc de notas y Microsoft FrontPage, este último, aw, cuántas mesas se superponen a otras, fue divertido, me encantó esa vez.

Sin embargo, abandoné la programación web durante casi siete años y este año decidí ver cómo es la programación web hoy. Parece completamente diferente, ya que la mayoría de los sitios no usan etiquetas de tabla, y en su lugar usan etiquetas div y span.

¿Por qué pasó esto? ¿Cuáles son estas nuevas etiquetas y por qué ya no se usan las etiquetas de tabla?

El World Wide Web Consortium (W3C) desarrolló la primera especificación de hojas de estilo en cascada en diciembre de 1996. Las hojas de estilo en cascada (CSS) han evolucionado radicalmente y han hecho que la separación del contenido HTML de los datos de presentación sea más común entre los sitios populares.

Aunque los sitios actuales todavía pueden depender de declaraciones de estilo en línea para lograr los efectos deseados, es mucho más eficiente incluir datos de presentación (altura del elemento, ancho, relleno, márgenes, posicionamiento absoluto, etc.) en un solo archivo CSS referenciado por múltiples HTML documentos que actualizar cada instancia del contenido HTML cuando la presentación necesita un cambio.

La adopción de CSS por parte del navegador no se produjo de la noche a la mañana (es por eso que algunos sitios importantes todavía confiaban en las tablas para lograr una presentación uniforme en una variedad de navegadores hasta bien entrado el 2000) y, mientras que algunos navegadores continúan diferiendo en su implementación de las especificaciones CSS del W3C, gráficos Los navegadores que no admiten CSS1 son muy poco comunes, por lo que muy pocos sitios populares confían en las tablas para lograr una presentación compatible con varios navegadores.

El artículo de 12 Lecciones para los que temen CSS y estándares (publicado en 2006) en A List Apart y una revisión de la instantánea de CSS del W3C puede ser un buen punto de partida si desea ponerse al día en la transición de diseños basados ​​en tablas a CSS

Sin entrar en una historia completa de la evolución del desarrollo web ... Las
tablas nunca fueron diseñadas para diseñar páginas; Esta es la parte más importante. Usarlos de esa manera fue una solución provocada por la tecnología de la época, tanto especificaciones incompletas como navegadores incapaces. Finalmente, esos problemas se abordaron (en su mayoría) y ahora ya no son realmente necesarios.

Los sitios de SE son generalmente para preguntas más prácticas, por ejemplo. ¿Cómo? ... pero si quieres más detalles, muchos libros HTML de nivel principiante, y parece que estás empezando de nuevo, tienen una visión general resumida de lo que estás pidiendo como material introductorio.

Las tablas todavía existen en la especificación html. ¡Pero deberían usarse para mostrar datos en forma de tabla! (Aunque el marcado de la tabla ha evolucionado un poco, las etiquetas de columnas y grupos son algo más fáciles de aplicar de manera sensata).

Si tiene fotos y contenido de noticias que desea escribir para una página web, debe mantenerse alejado de las tablas por las razones expuestas por otras personas que responden esta pregunta.

Si desea mostrar cuentas de un mes en una página, entonces, por supuesto, debe usar tablas para hacerlo.

No nadie, hace unos años (y aún así, si es compatible con IE 6), las tablas eran la mejor opción para afirmar el mismo diseño para todos los navegadores.

Los marcos que se negaron a usar tablas para hacer el diseño, como Ext, terminaron de calcular las dimensiones dinámicamente al cambiar los estilos al cambiar el tamaño, lo que hizo que funcionen con errores en algunos navegadores (IE 6 mencionado anteriormente).

Las tablas todavía se utilizan como base para los diseños de cuadrícula en varios marcos (Icefaces, por ejemplo).

En secreto todavía los uso.

Lo más importante es que todavía están en HTML5: http://www.w3schools.com/html5/tag_table.asp . Por lo tanto, es perfectamente seguro usarlos para sus necesidades de diseño retorcido.

Editar: (después de ser rechazado un poco) Un gran ejemplo de una "necesidad de diseño retorcido" es usar tablas en sus correos electrónicos masivos. Si desea que su correo basura se vea tan sexy como el efecto prometido de su producto, no puede usar la mayoría de CSS.

No siempre uso hacks sucios, pero cuando lo hago, prefiero hacks que duren los próximos diez años.