Div Css o Tablas? pros y contras

Hay dos escuelas de pensamiento diferentes al crear un diseño web: usar DIV formateados mediante el uso de CSS o usando mesas tu odias Etiqueta HTML.

El mesas, además de tener la función de representar datos alineados en filas y columnas, se utilizan para construir la estructura completa de una página web. Con las tablas puede definir el diseño de una página web para organizar el texto en múltiples columnas y obtener alineaciones incluso muy complejas.

LA DIVEn cambio, son recolectores de elementos, estos elementos definen el contenido como en línea (SPAN) o como nivel de bloque (DIV), pero no imponen ningún otro lenguaje de presentación en el contenido. Por tanto, los autores pueden utilizar estos elementos junto con hojas de estilo, etc. para adaptar HTML a tus necesidades y gustos.

Digamos eso el uso de tablas es más intuitivo y ciertamente más fácil, puede estar seguro de que el diseño es similar en casi todos los navegadores web y cualquier cambio podría llevar mucho tiempo. El uso de DIV + CSS implica un conocimiento profundo de HTML y CSS, el diseño es más limpio y técnicamente se necesitan menos líneas de código para lograr el mismo resultado usando tablas. El principal problema es el compatibilidad con varios navegadores: de hecho, algunos navegadores pueden interpretar de forma diferente algunos parámetros CSS, lo que da como resultado un diseño modificado.

El usuario, sin embargo, no notará si un sitio se ha creado utilizando tablas o DIV + CSS. Determinar cuál es el mejor enfoque no es fácil, podemos decirte que:

• El uso de DIV + CSS le permite implementar páginas con un código menos engorroso y CSS se puede almacenar en archivos externos. Esto aseguraría una carga mucho más rápida de las páginas web;
• si ha optado por adoptar un diseño específico y detallado será recomendable utilizar las tablas, ya que agilizarán la carga de las páginas web. “Por ejemplo, Google ofrece todos sus anuncios a través de tablas”.

A los buscadores no les importan estas diferencias de código, digamos que lo importante es la calidad del contenido y los tiempos de carga de las páginas. Seguramente un sitio fácilmente navegable ayudará a las arañas en el proceso de indexación.

Analicemos los pros y los contras de usar tablas y DIV + CSS:

1. Para el Mesas

Pro

• menos tiempo en» implementación de un diseño basado en tablas;
• facilidad de escritura;
• pocos errores encontrados con los navegadores.

Versus

• la conveniencia en el desarrollo se paga con la complejidad del código y la falta de claridad en el contenido;
• las tablas anidadas no son populares entre los motores de búsqueda;
• uso de mucho código y dificultad para manejar etiquetas de cierre.

2. Para yo DIV + CSS

Pro

• excelente división entre contenido y diseño gráfico;
• peso reducido de las páginas con mejores tiempos de carga;
• capacidad de cambiar la apariencia del sitio editando solo un archivo.

Versus

• uso de trucos CSS para lograr algunos efectos gráficos y hacer que el diseño sea cruzado entre los navegadores (algunos navegadores pueden interpretarlos de manera diferente);
• conocimiento profundo de CSS;
• tomar más tiempo para implementar un diseño complejo.