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
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.
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.
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.
- 1. Depuración de sitios web móviles
- 2. Programación de sitios web para dispositivos móviles
- 3. ¿Hay algún uso de favicon.ico para sitios web móviles?
- 4. ¿Cómo puedo probar sitios web para dispositivos móviles?
- 5. Grandes sitios web: ¿múltiples bases de datos o múltiples tablas?
- 6. Divs vs tablas para datos tabulares
- 7. Web workers en navegadores móviles
- 8. Video en sitios web y dispositivos móviles, ¿hay algún código/formato multiplataforma para todos estos servicios?
- 9. Mapeo de mouse para tocar Eventos para probar sitios web móviles en navegadores de escritorio
- 10. Correo electrónico HTML: ¿tablas o divs?
- 11. Bloquear sitios web en Android
- 12. Específicos del desarrollo de sitios web para teléfonos móviles japoneses; ¿pruebas?
- 13. Autocompletar para aplicaciones web móviles
- 14. Mostrar mapas de Google en el sitio web para móviles
- 15. Tablas de almacenamiento de Azure contra SQL
- 16. Preocupación sobre publicar con SiteEdit en dos sitios web diferentes
- 17. Tablas en un diseño web adaptable
- 18. Orchard para sitios web personalizados
- 19. Openshift para sitios web comerciales
- 20. Uso de imágenes PNG en sitios web
- 21. Administración de CSS en sitios web grandes
- 22. Depuración de sitios web en Internet Explorer
- 23. Usando arrastrar y soltar en sitios web?
- 24. ¿JQuery en vivo ralentiza los sitios web?
- 25. mono en sitios web de producción?
- 26. Buenos sitios web para probar webcrawler en
- 27. Usando el "Checkbox" hackeo en sitios web en vivo
- 28. ¿Por qué usar tablas para el diseño de sitios web es tan malo?
- 29. ¿Cómo escalar un sitio web para dispositivos móviles?
- 30. ¿Qué sitios ofrecen plantillas gratuitas y de calidad para el diseño de sitios web?
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
@Kevin Ese es un buen punto. –