Red de conocimiento informático - Conocimiento del nombre de dominio - Cómo desarrollar HTML en el terminal móvil, es decir, en el teléfono móvil

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

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.