¿Cuál es la diferencia entre Modernizr y Html5Shiv?


12

Estaba jugando con la idea de cambiar a html5. Parece que hay 2 scripts principales para tratar con el soporte de html5 en navegadores antiguos.

Modernizr y Html5Shiv

Me preguntaba si hacen lo mismo. ¿Cuál elegir y por qué?

¿Algunas ideas?

Respuestas:


8

Modernizr se utiliza para verificar la disponibilidad de características HTML5 en diferentes motores de renderizado. Incluye un script como Html5Shiv, que (solo) habilita etiquetas HTML5 en Microsoft Internet Explorer (antes de la versión 9, que conocía HTML5). Consulte también "Cómo hacer que HTML5 funcione en IE y Firefox 2" .

Si solo desea habilitar HTML5 para IE <9, entonces Html5Shiv sería suficiente. Estoy usando la versión Html5Shiv de Remy Sharp dentro de un comentario condicional de MS:

<!--[if lte IE 8]>
    <script src="templates/js/html5.js"></script>
<![endif]-->

Si también desea verificar (a través de CSS o JS), si el navegador del cliente es capaz, por ejemplo , de elementos de formulario HTML5 (como entrada de fecha de Operas), columnas CSS3 o gradientes, entonces use Modernizr .


2

También puede consultar html5boilerplate.com , un buen recurso para comenzar con los sitios html5, que ofrecen opciones conmutables como html5 shiv o modernizr junto con muchas otras mejoras de línea de base.


sí html5boilerplate es bueno. Tiene una opción para modernizr o html5shiv. ¿Pero cuál incluir?
Sinan

bastante justo, supongo que html5 es lo que provocó la pregunta?
Kzqai

1

Sé que esto fue hace un tiempo, pero sentí que debería agregar que modernizr no parece rellenar elementos HTML5 que se cargan a través de AJAX, solo funciona en el contenido que estaba presente en la carga inicial de la página. Html5Shiv funciona en contenido cargado a través de AJAX, pero también es solo un pequeño subconjunto del conjunto de características de modernizr. En realidad, estamos usando ambos en la aplicación web en la que estoy trabajando.

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.