Debe Tablas evitarse en HTML a cualquier costo?

https://stackoverflow.com/questions/82391

01-07-2019
|

Pregunta

Es aconsejable el uso de tablas en las páginas HTML (ahora que tenemos CSS)?

¿Cuáles son las aplicaciones de las tablas?¿Qué características/habilidades, las tablas tienen que no están en CSS?

Preguntas Relacionadas Con La

Solución

No - no, en absoluto.Pero el uso de tablas para datos tabulares.Simplemente no los uso para el general de la publicación.

Pero si mostrar datos tabulares, como resultados o tal vez incluso una forma, seguir adelante y utilizar las tablas!

Otros consejos

Supongo que no estoy en la mayoría aquí, pero sigo sin ver un montón de uso de tablas en HTML.Por supuesto que sí, para cosas como formularios, usted simplemente no puede vencer a una tabla.Tratando de alinear las etiquetas y el acompañamiento de los campos de formulario sin duda sería posible el uso del DIV, pero lo que es un pan de PITA que sería, y el tamaño de la página sería feo en algunos casos.Una tabla que funciona de maravilla aquí.

Pero también en cuenta cuestiones más amplias.Por ejemplo, ¿has probado a crear un estándar de 3 diseño de la columna con el encabezado y pie de página con sólo del DIV y CSS?De nuevo, es muy posible, y hay cerca de 1000 sitios web con ejemplos, pero todos ellos tienden a sufrir de los mismos problemas.El primer problema es que las columnas nunca gusta a todos de la misma altura y sin algún tipo de javascript asistencia.El segundo problema es cambiar el diseño es a menudo un tema difícil, porque es un poco de un balacing actuar para conseguir todo lo "justo" para comenzar con, entonces usted no quiere meterse con él.Por último, y esto nos lleva de nuevo a ese último punto no es fácil.Usted tiene que poner todos sus del DIV, luego volver y crear la magia de CSS que obligar a los DIV en la posición correcta y, a continuación, pasar un par de horas trabajando con él hasta que se haga....ugh.Y luego busca en el código HTML sin un visor de realidad NO le da ni idea de lo que la página se parece porque es reinterpretada por el CSS en la final.

Ahora, la opción B.El uso de una tabla.Pasan unos 30 segundos a escribir el <tr> y <td> etiquetas, probablemente no CSS, ya que javascript "fixit", y saber EXACTAMENTE cómo se verá con sólo mirar el código HTML.

Lo cierto es que hay argumentos a favor y en contra de las tablas, y los puristas parecen a favor del DIV para el diseño, pero no el uso del DIV, por razones religiosas, sólo porque alguien te dijo que las mesas están mal.Utilizar lo que funciona mejor para usted, su página, y la forma en que los espectadores van a interactuar con la página.Si se trata de una tabla, para luego usarla.Si no, no.

Todos los que hasta ahora se ha dicho de cómo las tablas sólo deben utilizarse para tabular los datos, y esto es cierto.Echa un vistazo a el código HTML de cualquier página y verás que tienen una idea diferente...

Creo que su explicación es que la a veces el uso de una tabla es sólo una manera mucho más simple.Sin embargo, hay un montón de buenas usabilidad de las razones por las que evitarlos.

Otros que para datos tabulares, las mesas son, lamentablemente, todavía es necesario si desea crear flexible los diseños de cuadrícula como formas complejas en un cross-browser compatible manera.

CSS2 tiene soporte para la creación de diseños de cuadrícula flexible sin necesidad de utilizar el table elemento a través de la la propiedad display, pero esto es no se admite en IE6 o IE7.

Sin embargo, para la mayoría de la forma básica de diseños CSS debería ser suficiente.

Si sólo el CSS equivalente era tan conveniente para establecer una "mesa" de diseño, entonces me encantaría usar CSS.Creo que el tiempo que se necesita para imitar las cosas que otros han enumerado aquí (igual a las alturas en las células, auto-cultivo de filas, etc.) es simplemente no vale la pena el esfuerzo.No estoy de obtener un retorno de mi inversión en contraposición rápidamente lanzar juntos una tabla en la mayoría de los casos.

Todos los navegadores pueden ponerse de acuerdo sobre exactamente cómo una tabla debe ser presentado.Bam.Hecho.

He aquí cómo mi CSS de las locuras que suelen ir:Intenta configurar una tabla como la maquetación en CSS.Pasan 20 minutos o más a hacer todo para que en Mozilla y, a continuación, ábralo en el IE.Pasar otros 30 minutos afinando entre los dos navegadores.Fingir que sólo hay dos navegadores en el mundo porque yo realmente necesita para obtener un poco de trabajo por hacer.

Creo en la promesa de CSS:La separación de las preocupaciones.El problema es que para aquellos que necesitan para ser productivos, CSS no está listo para el prime time.O tal vez es la representación de los motores de los navegadores - lo.

El beneficio de CSS es que separa el diseño y la maquetación de los contenidos.

Si usted tiene datos tabulares, a continuación, tiene sentido utilizar un <TABLE> de la etiqueta.Si desea diseño de los diferentes bloques de contenido, a continuación, usted debe utilizar <DIV> o <SPAN> y CSS.

Las mesas son para la salida de datos tabulares.Cualquier cosa que usted puede mostrar en una hoja de cálculo, las columnas de resultados, ese tipo de cosas.

La sugerencia de utilizar CSS en lugar de tablas por columnas diseños, que no eran en realidad las tablas reales.Nunca fue la intención de sugerir que las tablas deben ser eliminados completamente.

Las tablas no tienen equivalente en CSS2, y no lo que es fácil de duplicar usando css.La parte específica de las tablas que es difícil de reproducir es la auto-dimensionamiento de las columnas.Mientras que es fácil que el 1 fila de crecer al mismo tamaño a través de la página, es difícil para la siguiente fila para que coincida con el tamaño de las columnas o de cada célula de tamaño de forma dinámica, y de hecho no se puede hacer sin el uso de otros lenguajes de scripting como javascript, php, u otros.Usted puede usar max y min anchos, así como establecer los porcentajes de tamaño de celda, o disco duro de código ancho de la celda, pero la dinámica de crecimiento de las células de multa de 1 fila, la siguiente fila de abajo que no coinciden.

Exploración sobre estas respuestas, no vi ninguno en el mundo real de la razón donde las mesas son necesarios para el diseño y que es correos html.

Yo trabajo para una gran empresa financiera y hacemos un seguimiento de alrededor de 600 puestos de trabajo diferentes de un mes....muchos de los cuales son múltiples campañas de correo electrónico.

Usted puede utilizar css para el diseño de cualquier lector de correo electrónico.Hay un par de css en línea especificaciones técnicas que puede utilizar que se relacionan con el color, la fuente y el tamaño, incluso la línea de altura es bastante ampliamente disponibles, pero para el diseño, usted tiene que utilizar las tablas como todos los grandes y la mayoría de los menores lectores de correo (Outlook 97/03, Entourage, MSN, etc) leer bien.

Los problemas con las tablas de entrar en juego cuando se han td que no tienen la altura y la anchura especificada independientemente de si contienen o no los datos.Así, 'roto' diseños de tabla son generalmente fijados por prestar atención a los atributos y sí...los espacios en blanco en el código html....sí el espacio en blanco que no se supone que la materia.

Así que, si usted trabaja para una gran compañía/corporación o la tierra de un cliente muy grande, estar dispuesto a tirar toda la tecnología fuera de la puerta y obtener su tabla html sombrero!

Yo pienso que todo depende de el tiempo/esfuerzo.Mientras que un purista podría decir que "sólo el uso de tablas para datos tabulares," he utilizado las tablas a la facilidad de cross-browser diseños en el pasado.

Para mí, es cuestión de tiempo de utilización.Puedo gastar mi tiempo de arranque a distancia en el CSS para obtener el derecho o puedo meter en una tabla y pasar mucho menos tiempo en él.Yo tiendo a ir a esta ruta hasta que las cosas están en marcha y funcionando.Una vez que la funcionalidad está ahí, vuelvo y pulir el CSS/HTML.

Tengo que ir con las tablas enfoque aquí.La razón de esto viene simplemente del costo.Hasta que un bien CSS compatibles con enfoque centrado en el diseño viene de fuera, y estoy hablando a nivel macro...no micro dentro de los contenedores, tratando de calzador posicionamiento CSS en un enfoque generalizado para el diseño es ineficiente.Usted tiene que acercarse a este desde la perspectiva de la persona que emite el cheque para el desarrollo.

Hace un par de años que me había contratado para desarrollar y mantener un sitio web para un importante hotel de la cadena.Fuimos con una tabla impulsada por el diseño;su cabecera, cuerpo, pie de página con la izquierda/a la derecha de las columnas.También se utilizaron tablas para algunos de los más finos elementos como la no-botones de gráficos.La cadena de la compañía de los padres mantiene su propio sitio y se fue con puro CSS enfoque de diseño.Cuando IE7 salió nuestro sitio funcionó a la perfección sin ningún tipo de cambios.El padre del sitio de la compañía era un desastre.En general pasaron cerca de 1000 horas en total (entre reuniones/desarrollo/QA/rollout) la fijación de los problemas.

Cuando a usted se le paga para desarrollar un sitio parte de su responsabilidad es la de mitigar el riesgo futuro y minimizar los futuros costos de desarrollo, en particular si los costos que no agregan valor para el sitio (su producto).

Mi muy simple y básico opinión sobre esto es que las mesas están ahí para tabular los datos - no para el posicionamiento de una cosa en la parte superior o al lado de otro elemento porque usted sucede gusta estar allí.

Así que si usted desea mostrar una tabla de datos:hacerlo (con una tabla).Si desea colocar el contenido de la página:el uso de css.

Creo que podría ser un poco confundido.CSS es un método de estilo de los documentos HTML, si se trata de un elemento de la tabla, o un 'div'.

Solía ser que las tablas que se usan en HTML para el diseño de todo el diseño de la página.Era común ver varias tablas anidadas (normalmente generados por programas WYSIWYG como Dreamweaver), y esto conducirá a un mantenimiento pesadilla.

Desde la introducción y adopción de hojas de estilo CSS que ahora es correcta sólo para el uso de una tabla de datos tabulares.Esto significa que si los datos es más, naturalmente, representado como una tabla utilice el elemento de la tabla.Todavía puede estilo de la tabla usando CSS.

Sin embargo, y en general me apruebo este método ya que se duplica la funcionalidad existente, es posible el uso de los elementos para construir una tabla como la estructura.De hecho, hay varias web que va a generar dicho código para usted, pero no tengo los enlaces a mano.

Recuerde también que algunos usuarios podrían ver en el texto único modo de, o el uso de un lector de pantalla, tanto de la que probablemente va a romper la página (como la lectura de las columnas en vertical en lugar de horizontal), de ahí el uso correcto de las tablas.

HTH

Creo y espero que la era de la utilización de tablas para el diseño se ha ido.Simplemente poner: una mesa es una mesa, nada más.

Lo que creo que va a ser el nuevo, similar, flamewar tema para los próximos años es :debo usar la nueva característica de CSS pantalla: tabla, tabla de células, tabla fila etc.para el diseño???:-)

Creo que la razón de esto viene tanto, es que el uso de las tablas de html es más fácil de entender a la hora de crear la estructura y el diseño de CSS.El uso de CSS es más abstracto, sino que ayuda a separar el código.

En respuesta a la "estructura" argument...by definición, no es el uso de tablas html dar estructura a los datos de modo que se identifique como "tabular".Si es CSS o html que se está controlando el flujo y distribución de datos.Sea tabular o de lo contrario...

Si la CSS tablas son tan importantes (y estoy seguro de que mi respuesta va a iniciar algún tipo de guerra llama) ¿por qué no hay un mecanismo en Visual Studio para crear un diseño con CSS?Oh, usted no comprobar la función de diseño cosita en VS?Sí, se obtiene de las tablas, directamente desde Microsoft.No me estoy quejando, simplemente hacer que el punto de que si se entiende como mucho para el resto del mundo te gustaría ver MS cambiar a CSS.

En mi opinión lo que encaja mejor con tu proyecto.Para una o dos páginas web de los proyectos todavía puedo usar html porque lo que hace es obvia.El uso de CSS es más abstracto y por la mañana no he tenido mucho café.Las tablas en HTML puede ser desordenado, rápido.CSS toma un poco más de tiempo para un poco lioso, pero también lo harán.

Aunque para algunos diseños de la utilización de tablas puede parecer simple al principio, cuando el tiempo de mantenimiento viene utilizando css paga.Especialmente si en algún momento desea cambiar la posición de algo, o si desea utilizar el mismo diseño en varios lugares.

En mi humilde opinión, las tablas deben ser utilizados sólo cuando la presentación de las tablas.Nunca para propósitos de diseño.

Las tablas se utilizan para mostrar datos tabulares.No hay mucho más para agregar :-D

Si hay una razón para el uso de una tabla en una semántica (por ejemplo para mostrar datos tabulares) uso de tablas.

Simplemente no utilice tablas para hacer el diseño de las cosas.Hay mucho de buscador y la accesibilidad de los beneficios que puedes obtener con marcado semántico.

Reserva de mesas para uso sólo para datos tabulares funciona la mayoría del tiempo.Hay ciertos problemas de diseño que son mucho más fáciles de lograr con las tablas que cualquier otra cosa.Por ejemplo, la alineación vertical y ser igual a la altura de las columnas.En el otro lado de la valla, ha habido algunos complejas tablas de datos que he utilizado flotando divs para el debido a que las tablas no ajuste el proyecto de ley.

Como todo lo demás, utilice la herramienta correcta para el trabajo correcto, y a veces el más pragmático de la herramienta no es lo que usted piensa que podría ser.Dicho esto, yo rara vez uso de tablas para maquetar, incluso en los ejemplos que me dio, porque inevitablemente me golpeó algún problema que me hace tener que hacerlo con CSS de todos modos.Su kilometraje puede variar.

Tampoco me gusta la idea de usar tablas para organizar los elementos en una página.Sin embargo, esto no debe convertirse en una religión - tablas son malos.He encontrado un ejemplo en donde tengo tres diseño de la columna y necesitaba el centro de la columna a crecer con el contenido.Al final, la solución que fue el más sencillo y funciona bien en todos los necesarios de los navegadores fue el uso de una tabla.En mi humilde opinión CSS todavía tiene algunas deficiencias y a veces es mejor usar algo simple que funciona en lugar de simplemente adherirse ciegamente a una idea ("tablas son malos...').

usted puede incluso utilizarlos para la publicación, si su diseño es algo tabular.Me gusta la función de tablas y celdas ajusta de forma dinámica a lo ancho de la ventana del navegador.No utilice nunca el ancho fijo o de altura, que acaba de echar a perder las cosas.

Es fácil.Pensar en su página web como una página real en el papel.Usted debe utilizar las tablas en la página web sólo cuando se puede dibujar una tabla en el papel.

Otra sugerencia es usar la tabla sólo con la frontera > 0.De esta manera, se utilizan tablas sólo cuando la media de usted desea que la tabla (y no para el diseño).

@toddhd, abogando por el uso de tablas para maquetar, simplemente para ahorrar tiempo es un policía.Si el tiempo es el problema, entonces usted puede crear rápidamente un diseño de columna sin tablas de utilizar un framework como Blueprint CSS o 960 Grid.

Parece depender de lo que los navegadores son capaces de cuando se comenzó a diseñar.Si usted comenzó cuando sólo las tablas que trabajó entonces que es lo que probablemente siempre desea utilizar, porque usted lo sabe.O si eso es lo que a usted le gustaba usar, incluso después de que los exploradores habían avanzado a ser capaz de hacer la CSS...

Simplemente no me gusta para seguir haciendo las mismas cosas una y otra porque son fáciles y sé cómo hacerlo.Que es aburrido.Me gustaría mucho aprender nuevas técnicas de descartar algo, porque no sé cómo usarlo o creo que no tengo tiempo para aprender.

No me gusta usar tablas, no los entiendo, parece ajeno y ofensivo, pero es porque yo se inició en 2005.Yo también no uso programas de diseño para escupir plantillas porque prefiero la codificación manual.

Voy a asumir que su pregunta en realidad es - "Debo evitar el uso de tablas HTML para propósitos de diseño?".La respuesta es:No.De hecho, las tablas están específicamente destinados a ser utilizados para controlar la maquetación.El inconveniente para la utilización de tablas para controlar el diseño de una página es que el archivo de origen rápidamente se vuelve difícil manualmente entender y modificar.Un (posible) las ventajas de la utilización de tablas para el control de toda la distribución es si hay preocupaciones específicas acerca de la compatibilidad entre navegadores y de representación.Prefiero trabajar directamente con el código fuente HTML del archivo, y para mí el uso de CSS hace que sea más fácil que el uso de las tablas para toda la distribución.

Las tablas sólo tienen sentido cuando usted está tratando de mostrar datos tabulares y eso es todo.Para los diseños, siempre debe usar DIVs y jugar con el CSS posicionamientos.

si necesita utilizar una tabla, su diseño probablemente se chupa.Muéstrame un solo sitio bien diseñado que utiliza las tablas, y yo voy a mostrar una mil que no.

Un montón de gente está lanzando en todo el término de "purista".Esta es la basura.Iba a imprimir el periódico copia en un libro?Habría que diseñar un folleto con Excel?No?Entonces ¿por qué usar una tabla para mostrar los datos no tabulados?

La mayoría de las veces las dificultades que enfrentan las personas en dejar ir de las tablas para el diseño es resultado de su propia ignorancia de HTML/CSS/Buenos Principios de Diseño.Mientras que usted puede encontrar que es difícil hacer los diseños de varias columnas se extienden de manera uniforme en la dirección vertical, se podría pensar para probar un método diferente.DIVs no son Tablas.Usted puede hacer imitación de columnas con ancho de las fronteras, de los fondos de página, etc.Pasar algún tiempo aprendiendo realmente a hacer lo que te de salir a hacer, o siempre será visto como alguien sin ningún tipo de habilidad útil.(http://www.alistapart.com sería un buen comienzo)

Honestamente estoy sorprendido de que esta pregunta es de cultivo en el año 2008.La vid llegó cuando yo estaba en la escuela secundaria.Dejar de ser un novato.

Y como se mencionó anteriormente, las tablas de fallar duro en dispositivos móviles y lectores de pantalla.

Licenciado bajo: CC-BY-SA con atribución

No afiliado a StackOverflow