2010-04-14 16 views
6

Estoy totalmente confundido sobre este asunto, algunos dicen que usan tablas y otros dicen que es una mala práctica hacer uso de las tablas y las etiquetas div deberían usarse. Cuál es la forma correcta al desarrollar sitios para dispositivos móviles .mobiTablas contra divs en sitios web móviles

Respuesta

6

Debe usar tablas para presentar datos tabulares, no para el diseño. La mayoría de los buscadores web modernos en teléfonos móviles (por ejemplo, Mobile Safari en el iPhone) son bastante capaces de reproducir de forma adecuada sitios web que usan CSS y marcas semánticas.

+1

Una advertencia que agregaría a esta respuesta es que debe asegurarse de comprender a su público objetivo. Si sus usuarios de teléfonos inteligentes en los Estados Unidos o Europa, entonces sí, divs son el camino a seguir. Si su público objetivo son los usuarios de teléfonos con funciones, los navegadores serán menos sofisticados y tendrá que confiar en las tablas para el diseño. Si se trata de ambas cosas, entonces debería considerar la diferenciación según el dispositivo/navegador móvil. Para esta mirada en marcos tales como WURFL o DeviceAtlas. – Kevin

+0

@Kevin Ese es un buen punto. –

1

El aspecto importante a tener en cuenta es la diferencia entre los datos & su distribución real en la pantalla.

Normalmente, los datos tabulares deben presentarse con tablas. Por ejemplo, considere un balance de la compañía como un ejemplo de datos tabulares que pueden mostrarse usando tablas HTML.

Pero, si necesita mostrar contenido normal (que no se tabulares en la naturaleza) en filas & columnas, hay otras alternativas como el uso de DIV & etiquetas SPAN y un poco de CSS para posicionar & estilo el contenido para hacerlo parece un diseño tabular. Un ejemplo típico de dicho diseño podría ser un artículo de noticias que se muestra en un periódico. Si bien el diseño está en filas & columnas, el contenido de noticias en sí no es tabular.

Hay un montón de artículos que debaten por qué esta es una buena práctica.

Dado su caso, recomendaría apegarse a la estructura basada en DIV normal con estilo basado en CSS para dar el efecto deseado & use TABLA para los datos tabulares.

HTH.

3

Sí, la teoría dice que debe usar tablas para presentar datos tabulares, no para el diseño. Pero la mayoría de los navegadores web en el mercado no ofrecen diseños complejos con divs flotantes, CSS avanzado, etc.

Las cosas están cambiando rápidamente, y como ya han dicho otras personas, la mayoría de los navegadores web modernos en teléfonos móviles (inteligentes) (iPhone, Android ...) vienen con un excelente soporte HTML/CSS/Javascript.
Si solo tiene estos dispositivos en mente, puede ir con diseños DIV/CSS, ya que es la opción correcta desde un punto de vista semántico. Pero si desea cubrir una amplia gama de dispositivos, use tablas ya que garantizará que sus páginas se procesen correctamente en más dispositivos.

Cuestiones relacionadas