html - soporta - optimizar consultas mysql explain
¿Tiene sentido usar la etiqueta<table> en un sitio web “moderno”? (16)
Estoy desarrollando un sitio web "moderno", y tengo muchos problemas para que el CSS haga que todo se alinee correctamente. Siento que el diseño sería mucho más fácil si solo usara una tabla, pero he estado evitando las etiquetas <table> , porque me han dicho que están "pasadas de moda" y no es la forma correcta de hacer las cosas. .
¿Está bien usar tablas? ¿Cómo decido cuándo una tabla es apropiada y cuándo debo usar CSS? ¿Acabo de hacer lo que sea más fácil?
Absolutamente. No sé dónde los fanáticos de CSS inventaron la idea de que las tablas no se usan naturalmente para el "diseño". Las tablas se han utilizado para exponer 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.
Todas las ofertas de HTML fueron diseñadas originalmente para que usted definiera el marcado de su página. En mi libro, las posiciones absolutas y relativas de los elementos en una página pertenecen al marcado. Por lo tanto, tanto los divs como las tablas son muy adecuados para esta tarea. Recoge lo que funciona mejor para tu necesidad particular.
CSS agrega muchas posibilidades de estilo y también trucos de diseño, pero complementa las opciones de HTML que no las reemplaza.
En realidad, hay una línea muy fina entre ver algo como un problema de marcado o de estilo. Los proponentes de CSS dirían que con CSS puede reubicar y reorganizar completamente todas las piezas grandes y pequeñas de una página. Sin embargo, no puedo imaginar poner el encabezado abajo, el pie de página arriba y hacer que las cosas aparezcan en orden inverso.
Tomemos un ejemplo. Tú diseñas un cuaderno. Usted sabe dónde colocar los componentes principales, la placa base, el sistema de refrigeración, el teclado, la pantalla y los puertos. Es posible que desees reorganizar un poco los conectores de puerto, en el lado y en qué secuencia aparecen, pero realmente no esperas poner la pantalla donde está el teclado, poner el teclado en la tapa, hacer que los fanáticos se te suban a la cara y tenga todos los conectores en la parte inferior que se alcanzarán a través de los agujeros en su escritorio.
El uso de tablas puede dificultar un poco la reorganización de los 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 debería ser aproximadamente su página y no querrí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 hasta el ancho / alto de su contenido. Nada más de HTML / CSS se puede utilizar para hacer eso.
El diseño CSS en un lado le permite crear diseños bastante ajustables. Por otro lado, le impide diseñar una página ajustable a su contenido. Ambas victorias y derrotas.
La tabla es también 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 CRMs, SRMs, etc.? ¿Esa multitud de botones, campos de texto, casillas de verificación, listas desplegables, todas ubicadas con precisión 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-como-un-servicio).
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.
Cita el libro de Sitepoints Utopía HTML: Diseño sin tablas utilizando CSS Si tiene datos tabulares y la apariencia de esos datos es menos importante que su visualización apropiada en relación con otras partes del mismo conjunto de datos, entonces hay una tabla en orden. Si tiene información que se mostraría mejor en una hoja de cálculo como Excel, tiene datos tabulares.
Creo que las tablas están bien para mostrar datos rectilíneos de filas y / o columnas arbitrarias. Eso es todo. Las tablas ya no deben utilizarse para fines de diseño.
En el enfoque "moderno" de las tablas, no se trata de usar etiquetas de tabla o etiquetas div, sino de usar la etiqueta correcta para el propósito correcto.
La etiqueta de tabla se utiliza para datos tabulares. No hay nada de malo en usarlo para eso!
Para el uso de CSS, hay muchos tutoriales y guías (buenos y malos). Los indicadores de un tutorial incorrecto son: gran cantidad de uso de bloques (divs) que solo tienen sentido para el diseño y no para el contenido. Las buenas señales son las que aconsejan usar las etiquetas correctas para el contenido correcto y le enseñan cómo inventarlas.
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 es CSS). Una etiqueta <table> , como la mayoría ya ha dicho, debe representar datos tabulares , algo que aparecería como una tabla de información.
La razón por la que la gente usa tanto las tablas es que en los viejos tiempos no existía nada como CSS, todo el diseño de la página se hacía directamente en HTML. No se pensaba que las etiquetas describieran contenido; lo único que realmente le importaba a alguien era cómo una etiqueta haría que las cosas se vieran en un navegador web. Como resultado de esto, la gente pensó 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 muy popular; de hecho, apostaría a que el uso de tablas se consideraba el método preferido para diseñar páginas web durante bastante tiempo.
Entonces, cuando la gente le dice que las tablas están "pasadas de moda", se refieren específicamente a este abuso de la etiqueta <table> que era tan popular en los viejos tiempos. Como dije, no hay nada 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 hechos con tablas HTML son muy inflexibles y difíciles de mantener).
Esencialmente, si tiene datos tabulares, use una tabla. Realmente ya no hay necesidad de usar tablas para el diseño: seguro, a menudo se las consideraba "más fáciles", pero semánticamente la página es horrible, a menudo se las consideró inaccesibles.
Ver un poco de discusión: css-discuss
y una URL particularmente cómica - shouldiusetablesforlayout.com
La respuesta es sí, está bien usar tablas. La regla general es que si está mostrando datos tabulares, una tabla es probablemente una buena manera de hacerlo. Por lo general, debes tratar de estilizar tu mesa con css tanto como puedas.
Además, este gráfico circular podría ayudarte a:
texto alt http://www.ratemyeverything.net/image/7292/0/Time_Breakdown_of_Modern_Web_Design.ashx
EDITAR : Las tablas están bien. Para visualizar datos. Al igual que mi segunda frase dijo. La pregunta era "está bien usar tablas". La respuesta es: sí, está bien usar tablas. No es ilegal.
Como a pesar de que está implícito usar tablas para datos en mi regla general, aparentemente también debo decir que el corolario es que no está bien usar tablas para otra cosa, a pesar de que el cartel ya parece entender este concepto. Por lo tanto, para el registro, la regla general es no usar tablas para diseñar su sitio.
La tabla es siempre la opción correcta cuando tiene la necesidad de presentar datos en una cuadrícula.
Las tablas deben usarse para representar datos tabulares. CSS debe ser utilizado para la presentación y el diseño.
Esta pregunta también ha sido respondida exhaustivamente aquí:
Las tablas solo son apropiadas para datos tabulares. Imagine que tiene que agregar algunos datos de tipo 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.
Las tablas son solo eso: las tablas.
Están mal vistos porque no deben usarse para el diseño, ya que ha estado a la moda para que los navegadores puedan posicionar las cosas correctamente.
Si lo que desea marcar es, de hecho, una tabla, use una tabla. Aparte de eso, trate de mantenerse alejado.
Una pequeña cosa: alinear dos partes del texto exactamente a la misma línea que no se separará (piense, nombre de usuario y fecha de publicación). Allí utilizando una tabla es IMHO una opción.
Primero ponlo en funcionamiento. Entonces hazlo perfecto.
Realiza el diseño de alguna manera antes de hacerlo perfecto o mejor.
¿Cuántas personas al día irán a la página en la que están trabajando? ¿Un millón? o 20?
¿Cuánto tiempo va a gastar en cuestiones de CSS en lugar de otras cuestiones? ¿Tu jefe quiere que pases tanto tiempo en el tema? ¿Sabe él / ella lo que estás haciendo?
Todo el movimiento "anti-Table" es una reacción a una época en que las tablas profundamente anidadas eran el único método para diseñar 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 (de datos), y si una tabla es la forma más fácil de implementar un diseño, entonces de cualquier modo use una tabla.
Yo diría que no para usar tablas para construir su diseño. Las tablas solo tienen sentido para los datos tabulares reales que necesita representar. Si dedica suficiente tiempo a calcular la salida de CSS, le resultará más fácil utilizar tablas para un diseño. Solo recuerda: Tablas para mostrar datos. CSS para diseños de página.
está bien usar tablas cuando se muestran datos en un formato de cuadrícula / tabla. sin embargo, para la estructura general del sitio, se recomienda encarecidamente que utilice los elementos css driven div, ul, li para darle un sitio web más lúcido.
Si de todos modos decide trabajar con tablas, debe tener en cuenta los siguientes inconvenientes:
- no son amigables con SEO
- Son bastante rígidos en cuanto a su estructura y, a veces, también son difíciles de mantener.
Es posible que esté pasando poco tiempo adicional en el sitio web basado en div, pero vale la pena cada minuto que gasta.