Fer funcionar HTML5 en versions antigues d'Internet Explorer

Una de les principals raons per les quals els desenvolupadors potser encara no passen a HTML5 és la percepció de manca de suport per als navegadors antics. En realitat, això és fals i, tot i que és possible que es requereixi una petjada divertida per a una compatibilitat correcta cap enrere, encara és possible.

Per descomptat, per navegadors heretats em refereixo a Internet Explorer, ja que tots els altres principals jugadors s’actualitzen regularment i els seus usuaris tendeixen a seguir el mateix: navegadors com Firefox, Safari i Opera han estat compatibles amb HTML5 durant un temps. Alguns desenvolupadors poden decidir deixar de suportar IE6, però per a alguns això no és una opció i, en qualsevol cas, ni IE7 ni IE8 admeten HTML5. IE9 ho farà, però només funciona amb Windows Vista i Windows 7, de manera que les altres versions encara estaran disponibles durant molt de temps, com hem vist amb IE6.

Què cal fer, doncs, perquè HTML5 funcioni a Internet Explorer?

transferiu els impulsors de caramels al nou telèfon

Elements desconeguts

En primer lloc, IE no renderitzarà cap element que no reconegui, de manera que ignorarà completament els elements estructurals HTML5 com header, footer, article, section i nav, totes les parts principals d'un lloc HTML5. Això es pot corregir informant a IE d’aquests elements mitjançant JavaScript. La millor manera de fer-ho és incloure el fitxer Shiv HTML5 script, creat per Remy Sharp. Aquest guió pràctic crea tots els elements HTML5 rellevants que ara sabrà IE en representar la pàgina.

Un problema amb això és que no funcionarà per als usuaris que tinguin JavaScript desactivat. Malauradament, no hi ha manera d’evitar-ho, de manera que el desenvolupador ha de prendre la decisió d’utilitzar HTML5 o quedar-se amb HTML 4.01.

Estilisme

La majoria dels navegadors tenen fulls d’estil interns que, entre altres coses, s’apliquen display:block per bloquejar elements de nivell. Tot i que alguns dels navegadors més recents ho fan ara per als elements HTML5 rellevants, alguns no ho fan i cal afegir-lo a tots els navegadors. Simplement afegir el següent estil farà el truc:

article, aside, figure, footer, header, hgroup,
menu, nav, section { display:block; }

Elements de la forma

I què passa amb alguns dels nous elements, com ara nous tipus d’entrada - Com es representen en navegadors antics?

Molt bé en realitat. Atès que l'especificació HTML5 es va ampliar en un fitxer manera compatible amb la versió anterior , qualsevol tipus d'entrada que no es reconegui, simplement es tracta com text i es renderitzarà senzillament així.

pinterest com seguir un tema

multimèdia

Com he comentat en el passat, el vídeo i els elements d'àudio estan dissenyats per permetre tornar a Flash, que funcionarà bé a Internet Explorer.

El pas a HTML5 continuarà sent gradual i alguns no veuran ni tindran la necessitat d’utilitzar cap de les noves funcionalitats que proporciona, però quan ho facin poden ser (relativament) segurs sabent que els navegadors antics rendirà els seus llocs molt bé.