¿Cómo evitar la trampa diseño basado en tablas html5
Video: Crear Datatable con JQuery
Las mesas están bastante bien. Son una excelente manera de presentar ciertos tipos de datos utilizando HTML5. Cuando se agrega los conceptos y, puede utilizar tablas para crear algunos diseños muy interesantes. De hecho, debido HTML vieja escuela realmente no tenía ningún tipo de tecnología de diseño, muchos desarrolladores se acercó con algunos diseños muy sorprendentes basadas en tablas.
El uso de tablas para maquetar causa algunos problemas, aunque, como
Las tablas no están destinados para la disposición. Las mesas están diseñados para la presentación de datos, no el diseño. Para hacer mesas de trabajo para el diseño, lo que tiene que hacer un montón de trucos disimulados, como tablas anidadas dentro de otras tablas o imágenes invisibles para el espaciamiento.
El código se complica rápidamente. Tablas implican una gran cantidad de marcas HTML. Si el código consiste en tablas anidadas unas dentro de otras, es muy difícil recordar qué elemento se relaciona con la fila de los cuales mesa. diseños basados en tablas son muy difíciles de modificar a mano.
Video: Curso Basico de CSS // 7.Tablas
El formateado se realiza celda por celda. Una página web puede estar compuesta de cientos de celdas de la tabla. Hacer un cambio en la fuente o el color a menudo implica hacer cambios en cientos de células en toda la página. Esto hace que su página sea menos flexible y más difícil de actualizar.
Presentación está ligada estrechamente a los datos. Un diseño basado en tablas fuertemente entrelaza los datos y su presentación. Esto va en contra de un objetivo principal del diseño web - separación de los datos a partir de su presentación.
diseños basados en tablas son difíciles de cambiar. Después de crear un diseño basado en tablas, es muy difícil hacer modificaciones porque todas las celdas de la tabla tienen un efecto potencial sobre otras células.
Video: Curso de HTML y CSS #63 - Tablas: Elementos caption, thead, tbody, tfoot y th
diseños basados en tablas causan problemas a los lectores de pantalla. Las personas con discapacidad visual utilizan software especial para leer páginas web. Estos lectores de pantalla están bien adaptados para leer las tablas ya que estaban destinados (para gestionar los datos tabulares), pero los lectores de pantalla no tienen manera de saber cuando la mesa está siendo utilizado como una técnica de diseño en lugar de una herramienta de presentación de datos. Esto hace que los diseños basados en tablas menos compatible con las normas de accesibilidad.
Video: [HTML5 - CSS3] Responsive Table
diseños basados en tablas no se adaptan bien. los usuarios modernos esperan ejecutar páginas en los teléfonos celulares y tabletas, así como las máquinas de escritorio. diseños basados en tablas no se adaptan fácilmente a estos factores de forma más pequeños.
Resiste la tentación de utilizar tablas para maquetar. Utilice tablas para hacer lo que están diseñados para: presentación de los datos. Los enfoques basados en CSS se pueden utilizar para generar cualquier tipo de diseño visual es posible que desee son más fáciles, más fiable, y mucho más flexible.