it-swarm-es.com

¿Cómo haría para migrar a HTML5 sin alienar a la mayoría de mi audiencia de usuarios?

Realmente me gustaría implementar algunas de las nuevas características que vienen con HTML5, pero quiero poder hacerlo de una manera que no rompa mi sitio.

Sé que la mejora progresiva y la comprobación del agente de uso siempre es una opción. ¿Hay alguna alternativa mejor por ahí?

4
Evan Plaice

2 Posibles enfoques:

  • Calzas HTML5 , que son fragmentos de código para permitirle usar funciones HTML5 pero con error al corregir los respaldos
  • Modernizr , que es un juego de herramientas para aplicar clases CSS en el cuerpo que puede usar como parte de la detección de características individuales y mostrar advertencias o desactivar el código si esas clases están presentes o no.

El capítulo Detección de características de HTML 5 de Sumérjase en HTML 5 también es una gran referencia.

1
artlung

Una forma mucho más precisa de determinar el tipo de navegador con el que está tratando es mediante la detección de características, no mediante la lectura de useragent.

jQuery tiene .support () que es una excelente manera de hacer esto.

Al igual que con cualquier característica, solo asegúrese de que si desea implementar algo que se degrada con gracia para los navegadores más antiguos.

2
helloandre

Además de estas respuestas, muchos elementos HTML5 como los elementos de formulario se degradan con gracia a cuadros de texto simples porque si un navegador no reconoce el atributo type, el valor predeterminado es text. Además, si un navegador no reconoce un atributo (como placeholder) simplemente lo ignora. Esta degradación elegante significa que puede implementar estos elementos sin tener que preocuparse por las cosas que se estropean si el navegador de un usuario no admite HTML5. Simplemente no verán nada especial.

1
Jason

Gmail es el epítome de la mejora progresiva, va desde html directo a todas las campanas y silbatos. Por eso tiene una audiencia tan grande. Entonces ese es un buen modelo para emular.

Sugiero relegar las funciones de html5 a algo que se active con JavaScript para navegadores compatibles. Lo que aún significa que querrás comenzar con html 4.

0
Kzqai