< div > elemento en lugar de < tabla > ;?

Question

Duplicado de:

• ¿Por qué no usar tablas para el diseño en HTML?
• DIV & # 8217; s vs Tablas o CSS vs. Estúpido

---

Últimamente se ha hablado mucho sobre el uso de div en lugar de etiquetas de tabla para hacer que tus páginas sean más divertidas. ¿Por qué es mejor div?

Answer 1

algunas razones:

1) div es más correcto semánticamente en la mayoría de los casos. las personas que codifican sus sitios en la estructura de tablas no están usando tablas para lo que están hechas, que son datos tabulares. divs representan una " división " o una sección de la página, por lo que colocar elementos en divs es más correcto.

2) los divs son más flexibles y fáciles de diseñar y mantener. no tiene que escribir < table > < tr > < td > Texto aquí < / td > & trt / gt; < / table > cada vez que quiera decir algo cuando simplemente puede escribir < div > Texto aquí < / div > . puede agregar enlaces css (es decir, clases o elementos) tanto a tablas como a divs, pero con divs es infinitamente más flexible.

3) los sitios de tablas estructuradas son simplemente feos :)

Answer 2

El punto clave aquí es usarlos para el diseño. No hay nada de malo en las tablas para datos tabulares, eso sí. Para eso son.

Pero cuando utiliza tablas para el diseño, crea una estructura de página muy rígida que no suele funcionar bien con diferentes tamaños de pantalla, agentes de usuario (piense en navegadores móviles o lectores de pantalla para personas ciegas. Especialmente en este último caso, usted es destruir cualquier orden en el que el contenido debe ser leído al usuario). Desafortunadamente, las tablas siguen siendo uno de los mecanismos más robustos para diseñar una página, ya que apenas existen implementaciones diferentes y funcionan sin problemas durante más de una década. CSS es un tema completamente diferente aquí.

Pero básicamente todo se reduce a esto:

Tablas

• violar la distinción de contenido y presentación
• no son manejables y no se pueden mantener a largo plazo, especialmente cuando se intenta cambiar el diseño de varias páginas de una manera similar
• no tienen un fuerte significado semántico, lo cual es importante para las personas con discapacidades que pueden confiar solo en el texto de lectura en voz alta. Las tablas se leen aquí línea por línea, columna por columna, que casi siempre no es muy útil en diseños basados ??en tablas

Diseño CSS

• es más difícil hacerlo bien (al menos para la presentación)
• permite (a veces) una separación limpia de contenido y presentación. Tenga en cuenta que, a menudo, como tiene que usar varios elementos de contenedor en HTML para permitir que algunos diseños y estilos funcionen correctamente, ya que CSS tiene algunas limitaciones
• permite un mejor significado semántico del marcado subyacente iff que no usa a ciegas < div > y < span > . Hay muchas etiquetas que tienen un significado y deben usarse como tales. Por ejemplo, no use < div class = " header1 " > cuando pueda usar < h1 > .

Answer 3

Debido a que una tabla transmite un significado semántico, ya que actualmente está mostrando datos tabulares como h1 significa que tiene un encabezado. Entonces, si usa tablas para dar formato a su salida, está induciendo a error la interpretación de la semántica de su código.

Esto puede, por ejemplo, provocar problemas de accesibilidad para las personas que utilizan un lector de pantalla.

Answer 4

Aquí están los pros & amp; contras de basado en div & amp; diseño basado en tablas .

Answer 5

El uso de div es mejor que el uso de la tabla debido al fácil control del diseño y puede ser un contenedor para los controles que la tabla y la tabla se utiliza para agrupar datos con una estructura similar, por lo que el diseño es para esta tarea, pero la div es Considerado como contenedor principalmente de mesa. He encontrado la diferencia entre la recopilación de muchos controles y en el i puedo controlar el contenedor, pero en la tabla me confundí porque tengo que insertar el interior y su bucle uno dentro del otro.

Answer 6

la mayoría de la gente habla sobre cómo se supone que la tabla debe usarse solo para datos e introduce un problema de rendimiento cuando la utiliza para fines de diseño. Además, se supone que es más flexible porque puedes hacer que < div > fluye a la izquierda, fluye a la derecha y fluye a cualquier otro lado.

Sin embargo, en mi humilde opinión no vale la pena el esfuerzo. Especialmente cuando tienes columnas de controles que se supone que se alinean correctamente con sus etiquetas correspondientes, solo toma mucho tiempo para que las cosas se alineen correctamente.

Answer 7

El uso de tablas para el diseño fue revolucionario para el diseño web, pero eso fue hace quince años y no había otras alternativas. Es debido a este historial que las tablas incluso se consideran para el diseño de hoy.

El diseño basado en CSS es mucho más flexible que el diseño basado en tablas. Todavía hay algunas cosas que son más fáciles de lograr con tablas, pero por otro lado hay muchas cosas que es muy fácil de hacer con CSS que es muy complicado o imposible de hacer con tablas.

Answer 8

Te digo mis principales razones personales para usar divs:

• Las tablas solo tienen una cuadrícula estática mientras que los divs son dinámicos: La primera fila de una tabla define todas las columnas (como en MS Excel). En las siguientes filas solo puede combinar esas columnas, pero no puede cambiar el diseño básico que ha definido en su primera fila. Los divs son dinámicos: puede crear un mosaico, lo que permite que los divs se superpongan o pongan espacio entre ellos. Lo que quieras. No estás obligado a pensar en filas. Estas libre. Mucho más flexibilidad.

• Las tablas causan problemas de compatibilidad e incompatibilidad entre navegadores: Las mesas no parecen siempre idénticas. Cada navegador le da su propia interpretación de la tabla y su contenido. Así, muchas sorpresas incómodas. Un navegador te muestra tu texto normal en negrita. Otro navegador le da a su tabla más o menos margen para otros elementos html, por lo tanto, las tablas no están bien posicionadas. Es horas de trabajo solucionar estos problemas con soluciones complicadas. Divs siempre se ven iguales en todos los navegadores. Incluso el IE (que es conocido como un problema para los programadores web) está causando menos problemas si está utilizando divs.

• Las Divs se procesan más rápido: Los Divs se cargan más rápido que las tablas. Navegación más rápida entre páginas. Mejor aspecto y apariencia.

Espero que ayude. Saludos.

Answer 9

Estoy usando CSS y tablas y, a veces, DIV, ¡pero las tablas son tan completas! Y se ven tan bien en Dreamweaver, Frontpage ... Es muy difícil renunciar a las tablas, pero parece que lo haré, ¡porque es necesario para que mis páginas se carguen más rápido!