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

10

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?

John
fuente
55
La misma razón por la que probablemente usa Windows 7 en lugar de Windows 2000. La tecnología evoluciona. Las etiquetas de tabla siguen existiendo, pero se utilizan para lo que se pretendían originalmente, los datos tabulares no el formato de página.
Chris_O

Respuestas:

14

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

danlefree
fuente
5

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.

Su '
fuente
4

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.

miedo
fuente
1

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).

Marinero danubiano
fuente
1
No solo IE6: el marcado "Word HTML" que utiliza Office significa que si desea enviar correos electrónicos HTML "bonitos" a Outlook, debe usar Tablas.
Zhaph - Ben Duguid
Los correos electrónicos HTML son la excepción, pero existen problemas de trabajo que no son de JS para la mayoría de los problemas técnicos de IE6 sin recurrir a diseños basados ​​en tablas.
Lèse majesté
-2

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.

Mikhail
fuente
44
@Misha Estás vinculando una fuente horrible, mira w3fools.com
Lekensteyn
1
Horrible consejo. Estás frenando la web. Las etiquetas de tabla son para datos tabulares, no para formato de página.
Chris_O
¿Necesidades de diseño retorcido? Para eso sirven el posicionamiento absoluto y una miríada de índices Z.
CC Ricers
1
Sin embargo, su edición tiene un buen punto. Enviar correos electrónicos HTML correctos siempre requerirá tablas.
Stephan Muller