2009-10-05 10 views
5

Utilizo plantillas HTML para mi sitio web desde sitios que venden plantillas, ya que no soy diseñador y me gustaría que estuviera listo, utilizo Rails para mi desarrollo. Me di cuenta de que algunos sitios diseñan sus plantillas como "sin tablas" mediante el uso de CSS y el posicionamiento absoluto de los componentes en la página. De hecho, estoy acostumbrado a usar tablas en mis páginas.Tabla vs diseños basados ​​en CSS para páginas web

¿Cuál es su opinión al respecto? ¿Hay ventajas reales de no usar tablas?

+1

Estoy bastante seguro de que hay muchas otras preguntas como esta en SO e Internet. Google it :) –

+0

Ver http://stackoverflow.com/questions/83073/why-not-use-tables-for-layout-in-html para tablas vs CSS. – timday

+0

Pago y envío: [Retos de ser un CSS-P] (http://izlooite.blogspot.com/2010/07/css-challenges-of-being-css-p.html) –

Respuesta

12

La respuesta corta es que se debe utilizar tablas para datos tabulares (y no el diseño, ver here por qué), de lo contrario se utiliza el elemento adecuado para el propósito correcto, p para los párrafos, div para la división significativa (no abuse divs), etcétera. Cada elemento cumple una función y debe usar w3.org para buscar cosas.

Dicho esto, hay algunas personas que todavía tienen un estado de ánimo equivocado en CSS, debe evitar diseños que dependen completamente del posicionamiento absoluto y el abuso perfecto de píxeles, en lugar de eso confíe en diseños fluidos basados ​​en em cuando ya que estos son más adaptables a diferentes resoluciones de pantalla y entornos.

Otros beneficios de la utilización adecuada marcado semánticamente hasta HTML y CSS sería que el control de todos los estilos de la hoja de estilo, por lo que se traduce en menos código sopa de etiqueta (tamaño de archivo más pequeño) y sólo tiene que preocuparse por la actualización de contenidos , no el diseño dentro del marcado [separación de la presentación (css) del comportamiento (js) y el contenido (html)].

+0

El enlace que usted dio parece exagerar un mucho, pero no obstante, es verdad. +1 –

6

ventajas reales de no usar tablas

  1. más rápida carga de la página
  2. La disminución de los costos de alojamiento
  3. rediseña son más eficientes
  4. rediseña son menos costosos
  5. La consistencia visual mantenido a lo largo sitio (s) web
  6. mejor para el SEO
  7. Accesibilidad
  8. ventaja competitiva (seguridad laboral)
  9. actualizaciones de todo el sitio web rápidos
  10. más fácil para los equipos para mantener (e individuos)
  11. Mayor usabilidad
  12. diseños más complejos y diseños
  13. No hay espaciadores gIF

Leer más en este artículo agradable

CSS vs Tables - 13 Reasons Why CSS Is Superior to Tables in Website Design

+2

Diseños y diseños más complejos es una ventaja? – melaos

+0

El argumento de la semántica puede ser válido, pero es perfectamente posible cumplir todos estos 13 requisitos con un diseño de tabla simple. – Rimian

2

sin tablas de diseño v diseño basado en tablas puede tomarse como el aspecto más simple de todo el debate "HTML semántico".

como meder dice "utilizar el elemento adecuado para el propósito correcto"

Pero es un debate, no una ley, y no se puede obligar a los desarrolladores web a cumplir.

Cuestiones relacionadas