Ventajas y limitaciones de uso de tablas de páginas Web

Las tablas de diseño Web son más inferior fuera de moda, sustituido por diseños de CSS sin tablas que utilizan elementos div, lo que permite una personalización completa con menos código. Usted puede diseñar su sitio web como usted elija, siempre y cuando se crea con cuidado y de una manera que maximiza los beneficios de las tablas más elementos div CSS-estructurado. Cuando se usa incorrectamente, las tablas pueden limitar sus opciones y empantanar su sitio web.

Estructura

Las tablas son la absoluta en la estructura: hay una caja que has creado, y un número determinado de filas, columnas y celdas dentro de esa caja. El uso de CSS, puede estilo de las células de forma individual, lo que permite crear un diseño modular y sin el sitio web de ser demasiado aburrido y uniforme. Con tablas, puede crear cuadrículas perfectas (tales como un diseño de 4-por-4) o utilizar código especial para hacer columnas abarcan varias filas, o viceversa. Este efecto crea una disposición de columnas con múltiples secciones.

Flexibilidad

Tablas pierden cuando se trata de flexibilidad. Lo que se gana en la estructura manejable, se pierde en la capacidad de moverse por completo, la forma y el tamaño de sus elementos. Con elementos div en un diseño sin tablas, se puede colocar una caja en la parte izquierda de la pantalla a 300 píxeles de alto, y el otro en el lado derecho en 400 píxeles de alto, cada uno independiente del otro y sin necesidad de una gran cantidad de código extra . Con un diseño presentado, si su columna es de 200 píxeles de ancho, creando un cuadrado que es de 250 píxeles de ancho se convierte en un problema.

elementos div también tienen opciones CSS específicos para tratar los contenidos de desbordamiento - cuando algo dentro del elemento es mayor que el elemento en sí, una imagen de 400 píxeles en un div 300 pixel como. Este tipo de contenido extraviado puede romper toda su mesa cuando está dentro de una célula.

Código

Las etiquetas de apertura y de cierre de un elemento DIV son todo lo que necesita para crear el bloque de contenido. Mesas crean un código más complicado, ya que las etiquetas HTML deben estar anidados - en primer lugar la etiqueta de apertura tabla, entonces la etiqueta de una fila, a continuación, una para cada celda. La cantidad de código requerido por tres células por un valor de contenido frente a tres elementos DIV es significativamente mayor, por lo que es más difícil de escribir, más difíciles de encontrar errores e incluso tomar más tiempo para cargar.

Compatibilidad

El gran soporte para tablas es que funcionan en cualquier navegador, mientras que un poco de CSS y los elementos de CSS3 no funcionan en los navegadores antiguos. Si su sitio web se dirige a las empresas u organizaciones que utilizan navegadores antiguos por razones de seguridad, la creación de un diseño con tablas asegura que su sitio web se hacen exactamente cómo usted quiere que se vea para aquellos usuarios. Con este método, el sitio web también funcionará en los navegadores modernos.

varios diseños

diseño web adaptable - en el que su diseño responde a las necesidades del dispositivo de su visitante - requiere CSS. Con un diseño CSS, puede crear múltiples hojas de estilo y decirle al navegador para utilizar con preguntas de los medios. Esto funciona, debido a que los elementos DIV no tienen una estructura inherente sin la hoja de estilo. Las tablas tienen estructura, incluso sin ningún estilo, haciéndolas más difíciles de manipular en varios diseños.