Cómo desarrollar HTML en dispositivos móviles (es decir, teléfonos móviles)
Estás hablando de desarrollo html5, por lo que debes adquirir los conocimientos relevantes del diseño web móvil.
Lista de pruebas de compatibilidad con HTML5
Antes de comenzar, debe comprender la compatibilidad con HTML5 en los navegadores y plataformas móviles modernos.
Lista de compatibilidad de funciones HTML5 para los principales navegadores
Lista de compatibilidad de HTML5 para plataformas móviles
Prueba de compatibilidad de HTML5
Demostración de HTML5
2. Proporcionar elementos HTML5
Las versiones anteriores de Internet Explorer no pueden reconocer elementos HTML nuevos. Sin embargo, existen algunas soluciones de JavaScript o CSS que se pueden utilizar para solucionar este problema.
HTML5Shiv: Este script permite a Internet Explorer reconocer elementos HTML5.
HTML5 Enabler: Funciones similares a HTML5Shiv.
Modernizr: Permite a los desarrolladores desarrollar en navegadores que soportan HTML5 y CSS3 sin sacrificar el control sobre otros navegadores que no soportan estas nuevas tecnologías.
Restablecimiento HTML5: Proporciona un conjunto de archivos HTML y CSS que te permiten iniciar fácilmente un nuevo proyecto. Utiliza modernizr para admitir HTML5 y CSS3.
Tres complementos del navegador
Aquí hay algunos complementos de JavaScript que pueden compensar algunos de los problemas con HTML5 en la compatibilidad del navegador.
1.VideoJS
VideoJS es un reproductor de vídeo HTML5 que se ejecuta en todos los navegadores, incluidos IE6 y dispositivos móviles. Los navegadores que no soportan HTML5 utilizarán automáticamente el reproductor Flash para la reproducción.
2. AudioJS
Reproductor de audio HTML. Para utilizar el marcado HTML5 en una variedad de navegadores, incluidos dispositivos móviles.
3. HTML5Widget
Módulo de formulario HTML5, que incluye calendario, paleta, widget deslizante, validación del lado del cliente, etc.
4. Webforms2
Soporte de atributos de formulario HTML5, como modo, requerido y enfoque automático.
5. LimeJS
LimeJS es un marco de juegos HTML5 para crear juegos rápidos y localizados para dispositivos táctiles y navegadores de escritorio modernos.
6.FlexieJS
Soporta el modelo de caja flexible CSS3.
4. Herramientas en línea
Además, existen muchas herramientas en línea que pueden ayudar a los desarrolladores a acelerar el desarrollo de proyectos HTML5.
1.HTML5 Boilerplate
es una plantilla HTML/CSS/JS con mejores prácticas de estandarización entre navegadores, optimización del rendimiento y funciones opcionales estables (como Ajax y Flash entre dominios). . Los desarrolladores lo llaman una colección de consejos diseñados para satisfacer sus necesidades de desarrollo de sitios web multinavegador y preparados para el futuro.
2.Cambiar a HTML5
Una herramienta en línea muy útil que puede generar la estructura de documentos HTML5 según sus preferencias.