Cómo desarrollar HTML en el terminal móvil, es decir, en el teléfono móvil
Estás hablando del desarrollo HTML5, un sistema de conocimiento que se debe aprender para el diseño web móvil.
1. Lista de pruebas de compatibilidad con HTML5
Antes de comenzar, debe comprender la compatibilidad de los navegadores y plataformas móviles modernos con HTML5.
Descripción general de la compatibilidad con la función HTML5 en los navegadores convencionales
Descripción general de la compatibilidad con HTML5 en plataformas móviles
Prueba de compatibilidad con HTML5
Demostración de HTML5 p>
2. Hacer que los elementos HTML5 estén disponibles
Las versiones anteriores de los navegadores IE no pueden reconocer nuevos elementos HTML. Sin embargo, se pueden utilizar algunas soluciones de JavaScript o CSS para solucionar este problema.
HTML5Shiv: Este script puede hacer que el navegador IE reconozca elementos HTML5.
Habilitador HTML5: La función es similar a HTML5Shiv.
Modernizr: Permite a los desarrolladores aprovechar al máximo las características de HTML5 y CSS3 para el desarrollo en navegadores que soportan HTML5 y CSS3, sin sacrificar el control de otros navegadores que no soportan estas nuevas tecnologías.
Restablecimiento HTML5: Proporciona un conjunto de archivos HTML y CSS, permitiéndote iniciar un nuevo proyecto en el menor tiempo posible. Utiliza modernizr para admitir HTML5 y CSS3.
3. Complementos del navegador
Los siguientes son algunos complementos de JavaScript que pueden compensar los problemas de compatibilidad con HTML5 de algunos navegadores.
1. VideoJS
VideoJS es un reproductor de vídeo HTML5 que se puede utilizar en todos los navegadores, incluidos IE6 y dispositivos móviles. Los navegadores que no soportan HTML5 usarán automáticamente Flash Player para jugar.
2. AudioJS
Reproductor de audio HTML. Se utiliza para que las etiquetas HTML5 estén disponibles 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 patrón, 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 algunas 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 que implementa normalización entre navegadores, optimización del rendimiento y características opcionales estables como Ajax entre dominios y las mejores prácticas de Flash. . Los desarrolladores lo llaman una colección de consejos diseñados para satisfacer sus necesidades de desarrollo de un sitio web apto para varios navegadores y preparado para el futuro.
2. Cambie a HTML5
Una herramienta en línea muy útil que puede generar una estructura de documento HTML5 según sus preferencias.