CompatibilIdad de Internet Explorer con etiquetas html5
Si ya empezaste a trabajar con html5 te darás cuenta que las etiquetas nuevas no son reconocidas por Internet Explorer versión 8 y anteriores. Por ejemplo si utilizas la etiqueta <header> verás que no es reconocida por este navegador. Esto se vuelve un problema porque si tu ya tienes diseñado tu sitio con tus hojas de estilo al quererlo ver en Internet Explorer de las versiones mencionadas te darás cuenta que los estilos de estos elementos simplemente no se aplicarán.
Modernizr ayuda con este problema al brindarnos un poco de compatibilidad, lo que se hace es detectar que funcionalidades son soportadas por el navegador, al saber esto puedes tomar una acción como por ejemplo usar un polyfill para dar soporte a border-radius.
Para usar Modernizr debes incluir entre las etiquetas <head> lo siguiente:
<script language=”JavaScript” type=”text/javascript” src=”js/modernizr-2.0.6.js”></script>
En el caso de las nuevas etiquetas html 5 al usar Modernizr habilita estas etiquetas para que sean reconocidas por el navegador, adicional a esto en el estilo del elemento debes agregar la propiedad display: block para que el elemento pueda ser tratado como bloque.
El que uses Modernizr no significa que, por ejemplo, hagas que Internet Explorer soporte Canvas, pero al menos te permitirá dar a las nuevas etiquetas tratamiento como bloque.
En la próxima publicación veras la forma de uso de Modernizer para detectar incompatibilidad con Css 3 y como se pueden resolver por medio de Javascript.
¿Ya estas usado Modernizr en tus sitios?