Usando HTML5 Shiv para habilitar HTML 5 nas versións antigas de Internet Explorer

Usando JavaScript para axudar ás versións máis antigas de IE Soporte HTML 5 Etiquetas

HTML xa non é o "novo neno no bloque". Moitos deseñadores e desenvolvedores web utilizaron esta última iteración de HTML durante moitos anos. Aínda así, hai algúns profesionais da web que se afastaron de HTML5, moitas veces porque tiñan que soportar versións antigas de Internet Explorer e preocupábanse de que as páxinas de HTML5 que creasen non serían compatibles nos navegadores máis antigos. Afortunadamente, hai un script que pode usar para fornecer soporte HTML a versións máis antigas de IE (isto sería versións inferiores a IE9), o que lle permite crear páxinas web máis en liña coas tecnoloxías de hoxe e utilizar algunhas das novas etiquetas en HTML 5.

Presentación do HTML Shiv

Jonathan Neal creou un guión sinxelo que conta a Internet Explorer 8 e a continuación (e Firefox 2 para este asunto) para tratar as etiquetas HTML 5 como etiquetas reais . Isto permítelle estilos coma se fose algún outro elemento HTML e usalos nos seus documentos.

Como usar o HTML Shiv

Para usar este script, engada as seguintes tres liñas ao documento HTML5 no

por riba da folla de estilo.

Ten en conta que esta é unha nova localización para este script HTML Shiv. Anteriormente, este código foi hospedado en Google, e moitos sitios aínda ligan a ese ficheiro erróneamente, sen ter en conta que xa non hai un arquivo para ser descargado. Isto ocorre porque, en moitos casos, o uso do HTML5 Shiv xa non é necesario. Máis sobre iso en breve ...

Voltar a este código por un momento, podes ver que isto usa un comentario condicional de IE para versións de destino de IE debaixo de 9 (isto é o que "significa IE 9"). Os navegadores descargaren este script e os elementos HTML5 serían entendidos por estes navegadores, aínda que se crearon logo antes de que existise HTML5.

Alternativamente, se non quere apuntar a este script nunha localización externa, pode descargar o ficheiro de script (prema co botón dereito na ligazón e seleccione "Gardar como ligazón" no menú) e cargalo no seu servidor xunto co resto de Os recursos do sitio (imaxes, fontes, etc.). A desvantaxe de facelo deste xeito é que non poderás aproveitar os cambios que se fixeron neste script ao longo do tempo.

Unha vez que engades esas liñas de código á túa páxina, podes etiquetar as etiquetas HTML 5 como farías con calquera outro navegador moderno compatible con HTML5.

Aínda necesitas o HTML5 Shiv?

Esta é unha pregunta que merece a pena preguntar. Cando HTML5 foi lanzado por primeira vez, a paisaxe do navegador era moi diferente do que é hoxe. O soporte para IE8 e a continuación aínda era algo importante para moitos sitios, pero co anuncio de "fin de vida" que Microsoft fixo en abril de 2016 para todas as versións de IE por baixo de 11, moitas persoas agora actualizaron os seus navegadores e estas versións antiquadas non poden Máis tempo é unha preocupación para ti. Revisa as análises do teu sitio web para ver exactamente que navegadores usan para visitar un sitio. Se ninguén, ou poucas persoas, está a usar IE8 e debaixo, entón pode estar seguro de que pode usar elementos HTML5 sen problemas e non necesita compatibilizar os navegadores legados.

Nalgúns casos, porén, os navegadores IE antigos serán unha preocupación. Isto ocorre a miúdo ás organizacións que utilizan unha peza de software específica que se desenvolveu hai moito tempo e que só funciona nunha versión antiga de IE. Nestes casos, o departamento de TI desta empresa pode facer valer o uso destes navegadores antigos, o que significa que o seu traballo para esa empresa tamén debe soportar instancias de IE anticuadas.

Este é o momento en que desexa converter ao shiv HTML5 para que poida usar os métodos e os elementos actuais de deseño web, pero aínda obtén o soporte completo do navegador que necesita.

Editado por Jeremy Girard