¿Tiene sentido usar la etiqueta en un sitio web “moderno”?

Estoy desarrollando un sitio web “moderno”, y estoy teniendo problemas para conseguir que el CSS haga que todo esté alineado correctamente. Siento que el diseño sería mucho más fácil si solo usara una tabla, pero he estado evitando las tags

, porque me han dicho que están “pasadas de moda” y no de la manera correcta de hacer las cosas .

¿Está bien usar tablas? ¿Cómo decido cuándo una tabla es apropiada y cuándo debería usar CSS? ¿Simplemente hago lo que sea más fácil?

La respuesta es sí, está bien usar tablas. La regla general es que si está mostrando datos tabulares, una tabla es probablemente una buena forma de hacerlo. Por lo general, debes intentar darle un estilo a tu mesa con css tanto como puedas.

Además, este gráfico circular podría ayudarlo a:

texto alternativo http://www.ratemyeverything.net/image/7292/0/Time_Breakdown_of_Modern_Web_Design.ashx

EDITAR : las tablas están bien. Para mostrar datos. Al igual que mi segunda frase declaró. La pregunta era “¿está bien usar tablas?”. La respuesta es: sí, está bien usar tablas. No es ilegal

Dado que a pesar de que está implícito el uso de tablas para datos en mi regla general general, también debo decir que el corolario es que no está bien usar tablas para cualquier otra cosa, aunque el cartel ya pareciera captar este concepto. Entonces, para el registro, la regla general es no usar tablas para diseñar su sitio.

Las tablas deben usarse para representar datos tabulares. CSS se debe utilizar para la presentación y el diseño.

Esta pregunta también ha sido exhaustivamente respondida aquí:

¿Por qué no usar tablas para el diseño en HTML?

Básicamente, si tiene datos tabulares, use una tabla. Realmente no hay necesidad de utilizar tablas para el diseño, seguro, a menudo se consideraban ‘más fáciles’, pero semánticamente la página es horrible, a menudo se consideraba inaccesible.

Vea alguna discusión: css-discuss

y una URL particularmente cómica – shouldiusetablesforlayout.com

En el enfoque “moderno” de las tablas, no se trata de usar tags de tabla o tags div, sino de usar la etiqueta correcta para el propósito correcto.

La etiqueta de tabla se usa para datos tabulares. ¡No hay nada de malo en usarlo para eso!

Para usar CSS, hay muchos tutoriales y guías (buenos y malos). Los indicadores de un mal tutorial son: gran cantidad de bloques (divs) que solo tienen sentido para el diseño y no para el contenido. Los buenos letreros son los que aconsejan usar las tags correctas para el contenido correcto y le enseñan cómo crear esas tags.

Las tablas solo son apropiadas para datos tabulares. Imagine que tiene que agregar algunos datos de hoja de cálculo, donde tiene encabezados de fila / columna claros y algunos datos dentro de esas filas. Una comparación de productos, por ejemplo, también es un elemento de tabla válido.

Creo que las tablas están bien para la visualización de datos rectilíneos de filas y / o columnas arbitrarias. Eso es todo. Las tablas ya no deben usarse para propósitos de diseño.

En general, el marcado HTML debe describir la estructura y el contenido de una página web; no debe usarse para controlar aspectos de presentación como el diseño y el estilo (para eso está CSS). Una etiqueta

, como la mayoría ya ha dicho, debería representar datos tabulares , algo que aparecería como una tabla de información.

La razón por la que las personas hacen tanto trapo en las tablas es porque en el pasado no existía el CSS: todo el diseño de la página se realizaba directamente en HTML. Las tags no se consideraban como descripciones de contenido; todo lo que realmente importaba era cómo una etiqueta haría que las cosas se vean en un navegador web. Como resultado de esto, las personas pensaron que, dado que podían organizar las cosas en filas y columnas, las tablas deben ser buenas para diseñar elementos de una página web. Esto se convirtió en una técnica realmente popular; de hecho, apostaría a que el uso de tablas se consideró el método preferido para diseñar páginas web durante bastante tiempo.

Entonces, cuando las personas le dicen que las tablas están “pasadas de moda”, se están refiriendo específicamente a este abuso de la etiqueta

que era tan popular en los viejos tiempos. Como dije, no hay nada de malo con las tablas HTML en sí mismas, pero usarlas para el diseño de páginas web simplemente no tiene sentido hoy en día.

(Además, desde un punto de vista puramente pragmático, los diseños realizados con tablas HTML son muy inflexibles y difíciles de mantener).

está bien usar tablas cuando muestra datos en una cuadrícula / formato tabular. sin embargo, para la estructura general del sitio, se recomienda encarecidamente que use elementos div, ul, li y css para darle un sitio web más lúcido.

Si de todos modos decides trabajar con tablas, debes considerar los siguientes contras:

  • no son amigables con el SEO
  • son bastante rígidos en términos de su estructura y, a veces, difíciles de mantener también

Es posible que gaste poco tiempo extra en el sitio web basado en div, pero vale la pena cada minuto que pase.

Todo el movimiento “anti-Tabla” es una reacción a una época en la que las tablas profundamente anidadas eran el único método para el diseño de páginas, lo que conducía a HTML que era muy difícil de entender.

Las tablas son un método válido para el diseño tabular (datos), y si una tabla es la forma más fácil de implementar un diseño, utilice una tabla.

La tabla siempre es la elección correcta cuando tiene la necesidad de presentar datos en una grilla.

Citando el libro Sitepoints HTML Utopia: Diseñando sin tablas usando CSS Si tiene datos tabulares y la apariencia de esos datos es menos importante que su visualización apropiada en conexión con otras partes del mismo conjunto de datos, entonces una tabla está en orden. Si tiene información que se mostraría mejor en una hoja de cálculo como Excel, tiene datos tabulares.

Yo diría que no por usar tablas para construir su diseño. Las tablas tienen sentido solo para los datos tabulares reales que necesita representar. Si dedica suficiente tiempo a descifrar el CSS, le resultará más fácil que usar tablas para un diseño. Solo recuerda: tablas para mostrar datos. CSS para diseños de página.

Las tablas son solo eso: Tablas.

Están mal visto porque no deberían ser utilizados para el diseño, ya que ha sido lo mejor que se puede hacer antes de que los navegadores puedan colocar las cosas correctamente.

Si lo que quiere marcar es, de hecho, una tabla, luego use una tabla. Aparte de eso, trata de mantenerte alejado.

Una pequeña cosa: Alinear dos partes del texto con la misma línea que no se separará (pensar, nombre de usuario y fecha de publicación). Usar una mesa es en mi humilde opinión una opción.

Primero hazlo funcionar. Entonces hazlo perfecto.

Obtenga el diseño hecho de alguna manera antes de hacerlo perfecto o mejor.

¿Cuántas personas por día irán a la página en la que está trabajando? ¿Un millón? o 20?

¿Cuánto tiempo pasarás en cuestiones de CSS en lugar de otros problemas? ¿Tu jefe quiere que pases tanto tiempo sobre el tema? ¿Él / ella sabe lo que estás haciendo?

Absolutamente. No sé dónde fanáticos de CSS inventaron la idea de que las tablas no se usan de forma natural para “maquetación”. Las tablas se han utilizado para diseñar cosas desde su invención, ya sean números, palabras o imágenes bonitas. Eso es lo que hacen . Además, la tabla es parte de todas las versiones de (X) HTML, por lo que no hay problemas de desaprobación.

Absolutamente.

Todo lo que HTML ofrece fue originalmente pensado para que usted defina el marcado de su página. En mi libro, las posiciones absolutas y relativas de los elementos en una página pertenecen al marcado. Así que tanto los divs como las tablas son muy adecuados para esta tarea. Elija lo que mejor se adapte a sus necesidades particulares.

CSS agrega muchas posibilidades de estilo y trucos de diseño, pero complementa las opciones HTML que no las reemplaza.

En realidad, hay una línea muy fina entre ver algo como un marcado o problema de diseño. Los defensores de CSS dirían que con CSS puedes reubicar y reorganizar completamente todas las partes grandes y pequeñas de una página. Sin embargo, no puedo imaginar colocar el encabezado debajo, el pie de página arriba y hacer que las cosas aparezcan en orden inverso.

Toma un ejemplo. Usted diseña un cuaderno. Ya sabes dónde colocar los principales componentes, la placa base, el sistema de refrigeración, el teclado, la pantalla y los puertos. Es posible que desee reorganizar un poco los conectores del puerto, en qué lado y en qué secuencia aparecen, pero en realidad no espera colocar la pantalla donde está el teclado, poner el teclado en la tapa, hacer que los ventiladores golpeen su cara y tener todos los conectores en la parte inferior para llegar a través de los agujeros en su escritorio.

El uso de tablas puede dificultar un poco reorganizar elementos en una página. Esto podría ser cierto. Sin embargo, en la mayoría de los casos usted sabe de antemano cómo se verá aproximadamente su página y no le gustaría cambiar todo drásticamente. si no puede decirlo antes de comenzar su trabajo, probablemente no tenga una idea clara de lo que está haciendo y para qué.

Además, solo las tablas poseen propiedades elásticas, lo que permite estirar al ancho / alto de su contenido. Nada más de HTML / CSS se puede usar para hacer eso.

El diseño de CSS en un lado le permite crear diseños bastante ajustables. Por otro lado, te bloquea el diseño de una página ajustable a su contenido. Tanto victorias como derrotas.

Table también es la única herramienta para hacer interfaces muy complejas y precisas. Por ejemplo, la página SO es muy simple. Probablemente se puede hacer con CSS puro. Mientras tanto, ¿ha visto algún software de clase empresarial como CRM, SRM, etc.? Esa multitud de botones, campo de texto, casillas de verificación, listas desplegables, todos ubicados precisamente en una pantalla? Buena suerte logrando ese tipo de complejidad con solo CSS. Y estos diseños migran de las aplicaciones de escritorio a la web cada día (palabra clave: software-as-a-service).

Así que elija lo que mejor se adapte a sus necesidades actuales y no confíe en los amantes de CSS. En realidad, no confíes en ningún fanático en absoluto.