¿Cómo evitar la trampa diseño basado mesa html5

Las mesas están bastante bien. Son una excelente manera de presentar ciertos tipos de datos utilizando HTML5. Al agregar los y conceptos, puede utilizar tablas para crear algunos diseños muy interesantes. De hecho, a causa de la vieja escuela HTML realmente no tenía ningún tipo de tecnología de diseño, muchos desarrolladores se acercó con algunos diseños bastante sorprendentes basados ​​en tablas.

El uso de tablas para maquetar causa algunos problemas, aunque, como

• Las mesas no son para el diseño. 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, usted tiene que hacer un montón de hacks furtivos, 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 código HTML. Si el código incluye tablas anidadas unas dentro de otras, es muy difícil recordar qué elemento está relacionado con la fila de los cuales mesa. Diseños basados ​​en tablas son muy difíciles de modificar a mano.

• El formateo se realiza célula por célula. Una página web puede estar compuesto por 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 primordial del diseño web - la 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.

• Diseños basados ​​en tablas causan problemas para los lectores de pantalla. Las personas con discapacidad visual utilizan un 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 forma 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.

• Diseños basados ​​en tablas no se adaptan bien. Los usuarios modernos esperan ejecutar páginas en los teléfonos móviles y tabletas, así como las máquinas de escritorio. Diseños basados ​​en tablas no se escalan fácilmente a estos factores de forma más pequeños.

Resista 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 que puede 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.