Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 290 vistas

    Shiv and Shim

    Cargado por

    lucario16
    El HTML5 Shiv es una solución de JavaScript creada por Sjoerd Visscher que permite dar soporte y estilo a los nuevos elementos de HTML5 en versiones de Internet Explorer anteriores a la 9, las cuales no reconocen estos elementos. El Shiv funciona creando dinámicamente los elementos desconocidos a través de document.createElement para que puedan ser estilizados mediante CSS. Es recomendable usar el script html5shiv.js oficial para tener cubiertos todos los problemas relacionados y aprovechar las mejoras colaborativas.

    Copyright:

    © All Rights Reserved
    Descargue como DOC, PDF, TXT o lea en línea desde Scribd

    Shiv and Shim

    Cargado por

    lucario16
    290 vistas4 páginas
    El HTML5 Shiv es una solución de JavaScript creada por Sjoerd Visscher que permite dar soporte y estilo a los nuevos elementos de HTML5 en versiones de Internet Explorer anteriores a la 9, las cuales no reconocen estos elementos. El Shiv funciona creando dinámicamente los elementos desconocidos a través de document.createElement para que puedan ser estilizados mediante CSS. Es recomendable usar el script html5shiv.js oficial para tener cubiertos todos los problemas relacionados y aprovechar las mejoras colaborativas.

    Descripción original:

    This document explain the diference betwen to Shiv and Shim in the web programing

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOC, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    El HTML5 Shiv es una solución de JavaScript creada por Sjoerd Visscher que permite dar soporte y estilo a los nuevos elementos de HTML5 en versiones de Internet Explorer anteriores a la 9, las cuales no reconocen estos elementos. El Shiv funciona creando dinámicamente los elementos desconocidos a través de document.createElement para que puedan ser estilizados mediante CSS. Es recomendable usar el script html5shiv.js oficial para tener cubiertos todos los problemas relacionados y aprovechar las mejoras colaborativas.

    Copyright:

    © All Rights Reserved
    Descargue como DOC, PDF, TXT o lea en línea desde Scribd
    Descargar como doc, pdf o txt
    290 vistas4 páginas

    Shiv and Shim

    Cargado por

    lucario16
    El HTML5 Shiv es una solución de JavaScript creada por Sjoerd Visscher que permite dar soporte y estilo a los nuevos elementos de HTML5 en versiones de Internet Explorer anteriores a la 9, las cuales no reconocen estos elementos. El Shiv funciona creando dinámicamente los elementos desconocidos a través de document.createElement para que puedan ser estilizados mediante CSS. Es recomendable usar el script html5shiv.js oficial para tener cubiertos todos los problemas relacionados y aprovechar las mejoras colaborativas.

    Copyright:

    © All Rights Reserved
    Descargue como DOC, PDF, TXT o lea en línea desde Scribd
    Descargar como doc, pdf o txt
    de 4

    INTRODUCCIN

    En este documento se describir a fondo lo que es HTML5 SHIV/SHIM el cual a


    grandes rasgos es una solucin de JavaScript, creada por Sjoerd Visscher, la
    cual nos permite o da soporte a los elementos de HTML5 para aquellos usuarios
    de IE en versiones anteriores a la versin 9, que no permite que los elementos
    desconocidos tengan o tomen un estilo sin JavaScript.

    DESARROLLO
    Que es el HTML5 Shiv?
    HTML5 Shiv (o Shim) es un hack necesario para poder utilizar los nuevos
    elementos semnticos de HTML5 (header, footer, article, etc.) en IE8 y
    anteriores. Y a continuacin veremos a detalle cual es el problema y cmo
    puede solucionar.
    Internet Explorer ignora las nuevas etiquetas
    El problema es que al utilizar las nuevas etiquetas para estructurar una pgina
    web, la presentacin final va a depender totalmente de los estilos que
    apliquemos a esas etiquetas. El Internet Explorer (versin 8 y anteriores) no
    aplica los estilos a las etiquetas nuevas porque no las reconoce. Ignora las
    etiquetas y los estilos asociados.
    Si hemos creado un documento utilizando, por ejemplo:

    Y los correspondientes estilos en CSS:

    Lo que se espera ver es algo as:

    Y lo que los usuarios o visitantes que utilicen el IE8 o inferior vern es:

    Esto evidentemente nos obliga a buscar alguna solucin si tenemos que dar
    soporte a estos navegadores y queremos utilizar las etiquetas nuevas. Esta
    solucin es lo que se ha llamado HTML5 Shiv.
    La solucin para que IE aplique CSS
    Afortunadamente alguien descubri un hack muy sencillo que permite aplicar
    reglas CSS a los elementos que IE no reconoce. Slo tenemos que crear
    explcitamente el elemento condocument.createElement (elemento).
    Es decir en otras palabras, que bastara tan solo con crear aquellos elementos
    que se van a utilizar en la cabecera de nuestro documento:

    Como este es un cdigo de uso habitual y el cual solamente necesitamos


    ejecutar cuando la pgina se cargue en un IE6, IE7 o IE8, lo mejor es separarlo
    en un fichero externo y cargarlo de forma condicional para IE<9:

    Es necesario colocarlo en la cabecera porque el Internet Explorer necesita


    reconocer los elementos para poder presentarlos.
    Hay que tener en cuenta tambin que, por defecto, estos elementos nuevos para
    el IE van a ser elementos de lnea. Si queremos que sean elementos de bloque
    (en la mayora de los casos es lo normal) tenemos que darles este estilo
    explcitamente en nuestro CSS:

    Utiliza el script oficial


    Tambin se encuentra disponible de manera oficial el script html5shiv.js el cual
    es mantenido en GitHub por Alexander Farkas, este script se ha convertido en el
    estndar de facto para utilizar todos aquellos elementos de HTML5 en Internet
    Explorer anteriores al IE9.
    Es recomendable utilizarlo porque soluciona otros problemas relacionados que
    se han ido encontrando con el tiempo (problemas al imprimir y al manejar
    dinmicamente las etiquetas coninnerHTML).
    Si solamente necesitas dar estilo a los elementos, el cdigo que hemos descrito
    antes puede servirte, pero utilizando el script html5shiv.js sabes que tienes
    cubiertos todos los problemas relacionados que se han encontrado hasta ahora
    y que ha sido probado por muchos miles de personas. Estas son las ventajas del
    software libre y de la colaboracin.

    Nota: Este script viene tambin incluido en la popular librera Modernizr, no es


    necesario incluirlo a parte.

    CONCLUSIONES
    Concluyo de esta manera que tanto el SHIV o SHIM son un plugin por no llamar
    hack el cual me permite como programador o diseador poder utilizar todos los
    elementos de HTML5 tales que que estos sean visibles sin problema alguno en
    cualquier navegador sin ninguna excepcin y as evitando problemas de
    compatibilidad con IE<9.

    BIBLIOGRAFA
    http://ejohn.org/blog/html5-shiv/
    http://www.paulirish.com/2011/the-history-of-the-html5-shiv/
    https://en.wikipedia.org/wiki/HTML5_Shiv

    También podría gustarte