Ús de HTML5 Shiv per habilitar HTML 5 en versions antigues d'Internet Explorer

Utilitzant JavaScript per ajudar a les versions anteriors de l'IE HTML 5 Etiquetes d'ajuda

HTML ja no és el "nou fill del bloc". Molts dissenyadors i desenvolupadors web han estat utilitzant aquesta última iteració d'HTML durant molts anys. Tot i així, hi ha alguns professionals de la web que s'han mantingut allunyats de HTML5, sovint perquè han hagut de suportar versions antigues d'Internet Explorer i estaven preocupats perquè les pàgines HTML5 que creessin no serien compatibles amb aquests navegadors antics. Afortunadament, hi ha un script que podeu utilitzar per portar suport HTML a versions anteriors d'IE (això seria versions inferiors a IE9), cosa que us permetrà crear pàgines web més adequades a les tecnologies d'avui i utilitzar algunes de les noves etiquetes HTML 5.

Presentació del Shiv HTML

Jonathan Neal va crear un senzill script que explica a Internet Explorer 8 i a continuació (i Firefox 2 per a això) per tractar les etiquetes HTML 5 com etiquetes reals . Això us permet estilitzar-los com si fossis algun altre element HTML i usar-los en els vostres documents.

Com s'utilitza HTML Shiv

Per utilitzar aquest script, simplement afegiu les següents tres línies al document HTML5 a la finestra

per sobre del full d'estil.

Tingueu en compte que aquesta és una ubicació més recent per a aquest script HTML Shiv. Anteriorment, aquest codi estava allotjat a Google, i molts llocs encara enllaçaven amb aquest fitxer erròniament, sense tenir en compte que ja no hi ha cap fitxer per descarregar-lo. Això és degut a que, en molts casos, l'ús del Shiv HTML5 ja no és necessari. Més en breu ...

Torna a aquest codi per un moment, podeu veure que això fa servir un comentari condicional d'IE a les versions objectiu d'IE a menys de 9 (això és el que "significa IE 9"). Aquells navegadors descarregarien aquest script i els elements HTML5 serien entesos per aquests navegadors, tot i que s'havien creat logo abans que existissin HTML5.

Alternativament, si no voleu assenyalar aquest script en una ubicació fora del lloc, podeu baixar el fitxer de seqüència (feu clic dret a l'enllaç i seleccioneu "Desa enllaç com" del menú) i carregar-lo al vostre servidor al costat de la resta de els recursos del vostre lloc (imatges, fonts, etc.). El desavantatge de fer-ho d'aquesta manera és que no podreu aprofitar els canvis que es facin en aquest script al llarg del temps.

Una vegada que hàgiu afegit aquestes línies de codi a la vostra pàgina, podeu etiquetar les etiquetes HTML 5 com vulgueu per a qualsevol altre navegador modern i compatible amb HTML5.

Encara necessiteu l'HTML5 Shiv?

Aquesta és una pregunta que val la pena preguntar. Quan HTML5 va ser llançat per primera vegada, el panorama del navegador era molt diferent del que és avui. El suport per IE8 i per sota encara era una cosa important per a molts llocs, però amb l'anunci de "final de vida" que Microsoft va fer a l'abril de 2016 per a totes les versions d'IE per sota de 11, moltes persones ja han actualitzat els seus navegadors i aquestes versions antiquades no poden més temps us preocupa. Reviseu les anàlisis del vostre lloc web per veure exactament què fan servir els navegadors per visitar un lloc. Si ningú, o molt poques persones, està utilitzant IE8 i avall, podeu estar segur que podeu utilitzar elements HTML5 sense cap problema i que no necessiteu compatibilitat amb els navegadors antics.

En alguns casos, però, els navegadors IE legats seran una preocupació. Això passa sovint a les organitzacions que utilitzen una peça de programari específica que es va desenvolupar fa molt de temps i que només funciona en una versió antiga de l'IE. En aquests casos, el departament de TI d'aquesta empresa pot fer valer l'ús d'aquests navegadors antics, el que significa que el vostre treball per a aquesta empresa també ha de suportar instàncies anti-IE obsoletes.

Quan vulgueu passar a HTML5 shiv, podeu utilitzar els mètodes i elements actuals del disseny web, però tot i així obtenir l'assistència completa del navegador que necessiteu.

Editat per Jeremy Girard