¿Por qué Google y Twitter usan el diseño de tablas? [duplicate]

7 minutos de lectura

avatar de usuario
jakub arnold

Posible duplicado:

¿Tiene sentido usar la etiqueta

en un sitio web “moderno”?

Dondequiera que voy veo no use el diseño de la tabla, es malvadoincluso Google dice eso, entonces, ¿por qué uno de los sitios web más visitados, Google y Twitter, lo usan para su página de inicio?

No creo que sea ningún tipo de error, ni ningún otro problema estúpido.

La única razón por la que puedo pensar es que quieren que la página se vea similar incluso si el cliente no es compatible con CSS, como con Lynx.

Entonces, ¿por qué todos dicen que es tan malo, si los sitios web más grandes en Internet lo usan?

En mi opinión, hay algunos casos, como los mencionados anteriormente, donde es de vital importancia tener el mismo aspecto en todas partes, que está bien usar tablas.

editar: La misma pregunta se aplica a elementos html como <center>o formato de texto con atributo alinear y otros “atributos y elementos html utilizados para sustituir la funcionalidad CSS”

  • Esta es una buena pregunta. También me doy cuenta de que las principales empresas ni siquiera son compatibles con XHTML, Microsoft, incluso Google. ¿Cuál es la mejor manera de avanzar?

    – dandan

    5 de agosto de 2009 a las 22:20

  • Incauto de un incauto de un incauto… consulte stackoverflow.com/questions/796504/… para uno.

    – womp

    5 de agosto de 2009 a las 22:21

  • no es exactamente un engaño, ya que este es realmente específico

    – Jakub Arnold

    5 de agosto de 2009 a las 22:21

  • Muchos de los grandes sitios tienen un marcado realmente impactante. Mira Amazon por ejemplo.

    –Steve Claridge

    5 de agosto de 2009 a las 22:24

  • ¿Qué tan malo es el de Amazon, en realidad, dado que es un diseño flotante y funciona en navegadores viejos y terribles? Lo he estado viendo y ha ido mejorando, pero muchos minoristas aún reciben toneladas de visitas de navegadores antiguos.

    – Nosredna

    5 de agosto de 2009 a las 22:29

El tiempo de carga de la página es el rey para estos tipos, y el uso del ancho de banda es extremo.

Tendría que decir que usan tablas para la velocidad de datos sin procesar, ya que ofrecen mucho ancho de banda todos los días.

Además, tenga en cuenta que usan estilos en línea en el encabezado de la página para reducir la cantidad de solicitudes HTTP para ayudar a acelerar el tiempo de carga de la página.

  • huh, absolutamente no pensé en esto, pero parece razonable

    – Jakub Arnold

    5 de agosto de 2009 a las 22:23

  • También tengo que estar de acuerdo con la otra respuesta de que las tablas son muy útiles para mostrar tabular datos. Además, proporcionan una excelente manera de obtener coherencia entre navegadores para diseños de página tan minimalistas.

    – jkelley

    5 de agosto de 2009 a las 22:24

  • Los diseños tabulares tienden a usar más ancho de banda, no menos.

    – Quintín

    7 de agosto de 2009 a las 9:53

  • Pero sus tablas son bastante pequeñas, lo que minimiza el marcado adicional de las etiquetas. Se utilizan para diseñar formularios en los que una hoja de estilo puede agregar más bytes para obtener un conjunto de div o elementos de bloque con el estilo adecuado que se representan de manera consistente en todos los navegadores. Sin embargo, la tabla de autocompletar en Google es un misterio para mí. Parece que sería un gran candidato para una lista simple.

    – jkelley

    7 de agosto de 2009 a las 14:10

  • Twitter, al menos, usa una tabla de diseño simple y antigua “Es 1997 otra vez” para manejar su diseño de dos columnas. Las tablas de Google también hacen muchas cosas que son más fáciles y pequeñas con CSS. Simplemente apestan en el marcado.

    – Quintín

    7 de agosto de 2009 a las 16:32

El diseño de la mesa recibe más pena de la que merece. Es fácil de usar para los desarrolladores, es consistente en casi todos los navegadores web y le permite agregar fácilmente filas/columnas con poco o ningún esfuerzo.

El único inconveniente es que va en contra del mantra de que su documento solo debe contener contenido, y su diseño debe estar contenido por separado (en un archivo CSS).

  • Los diseños de mesa no son fácil. Están perezoso. Hay una enorme diferencia. Intente mantener el diseño basado en tablas “fácil” de alguien y querrá arrancarse los pelos. La magia de CSS no es un tiempo de desarrollo inicial más corto, es la mantenibilidad y la extensibilidad en el futuro.

    – William Brendel

    5 de agosto de 2009 a las 22:51

  • Además de hacer marcado menos legible, más marcado y sitios web menos utilizables, es simplemente una mala práctica usar tablas donde no es apropiado. Además, cuando te acostumbras a los diseños basados ​​en CSS, es más rápido hacerlo que los antiguos basados ​​en tablas (excepto si usas un editor WYSIWYG, que de todos modos no deberías hacer debido a la baja calidad del código).

    – Arve Systad

    5 de agosto de 2009 a las 23:21

  • Las tablas son fantásticas para el diseño. CSS simplemente no está listo para manejar muchos escenarios de diseño típicos. Cualquiera que intente hacer otra cosa que no sea el diseño básico con CSS probablemente sea un “astronauta de CSS” (consulte esta excelente respuesta stackoverflow.com/a/527826/254441)

    – Plynx

    7 de enero de 2013 a las 17:24

Google no tiene que preocuparse por clasificarse alto en los motores de búsqueda… 😉

avatar de usuario
neil barnwell

Sí, de acuerdo. Algunas veces, solo que a veces las tablas están bien. No todo el mundo está escribiendo sitios web que están dirigidos a todos los navegadores posibles, que necesitan admitir texto a voz, etc. En general, intente aprender y aumentar sus habilidades y usar el posicionamiento CSS, etc., pero no pasará nada malo si alguien usa una tabla para posicionar cosas en una página web.

Sin embargo, ¿tal vez esta pregunta debería ser wiki de la comunidad?

Es malo, es un fastidio, pero se garantiza que el renderizado será consistente en diferentes navegadores.

  • ¿Qué es el mal? (¡Más específico, por favor!)

    – n00ki3

    5 de agosto de 2009 a las 22:22

  • @ n00ki3: en mi humilde opinión, principalmente la fealdad del marcado en comparación con un diseño CSS.

    – karim79

    5 de agosto de 2009 a las 22:23

  • @n00ki3: las tablas son para datos tabulares; usarlos para diseños es poco semántico, ineficiente, imposible de mantener y casi seguro que confundirá a los lectores de pantalla y similares.

    – Tú

    5 de agosto de 2009 a las 22:26

avatar de usuario
cristiano13467

El diseño de la tabla funciona en la mayoría de los navegadores. Google y otros quieren llegar a todos los usuarios, no a algunos o solo a los usuarios modernos. Tener diferentes diseños o tecnologías de diseño es difícil de mantener y costoso en la entrega de contenido. El diseño de la mesa no es complicado. Es sencillo. No tienes que buscar hacks css, incompatibilidades del navegador u otros.

La disposición de las mesas es mala. Porque mezclas diseño y contenido.

  • ¿Qué es el mal? (¡Más específico, por favor!)

    – n00ki3

    5 de agosto de 2009 a las 22:22

  • @ n00ki3: en mi humilde opinión, principalmente la fealdad del marcado en comparación con un diseño CSS.

    – karim79

    5 de agosto de 2009 a las 22:23

  • @n00ki3: las tablas son para datos tabulares; usarlos para diseños es poco semántico, ineficiente, imposible de mantener y casi seguro que confundirá a los lectores de pantalla y similares.

    – Tú

    5 de agosto de 2009 a las 22:26

avatar de usuario
Nosredna

Twitter funciona bastante bien desde teléfonos en modo web. Algunos navegadores web son realmente espantosos, así que asumo que Twitter hace lo que tiene que hacer.

Dado lo mal que funcionan muchos sitios web en los teléfonos, estoy más preocupado por la compatibilidad móvil que por las preocupaciones de los evangélicos de CSS.

  • La compatibilidad con teléfonos móviles y demás se logra fácilmente si solo te importa un poco. por eso tenemos @media.

    – Tú

    5 de agosto de 2009 a las 23:01

¿Ha sido útil esta solución?