Principal Navegadors Fer funcionar HTML5 en versions antigues d'Internet Explorer

Fer funcionar HTML5 en versions antigues d'Internet Explorer

heretat-i-html5

Fer funcionar HTML5 en versions antigues d

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é.

Articles D'Interès

L'Elecció De L'Editor

Com convertir-se en un provador beta de Xbox: com unir-se al programa Xbox Insider
Com convertir-se en un provador beta de Xbox: com unir-se al programa Xbox Insider
Tant si sou un jugador àvid com si només voleu fer alguna cosa, els provadors beta poden provar nova tecnologia abans que ningú. Sincerament, és un concert força dolç un cop hi entres. Però, com totes les coses
Com veure l'historial de compres a Google Play
Com veure l'historial de compres a Google Play
És fàcil perdre la noció de totes les coses que has comprat a Google Play Store amb el pas del temps. Potser us agradava una aplicació en el passat, però no esteu segur de quina aplicació era i voleu
Grammarly vs Grammarly Premium Review: quina és millor?
Grammarly vs Grammarly Premium Review: quina és millor?
Tant si esteu escrivint articles de l'escola o de la universitat, contingut en línia o ficció, és probable que estigueu familiaritzat amb Grammarly. Aquest programari de correcció gramatical i ortogràfica s'ha convertit en essencial per a moltes persones que escriuen de manera habitual, siguin professionals
Per què no puc moure res al meu disseny de Figma? Aquí teniu com solucionar-ho
Per què no puc moure res al meu disseny de Figma? Aquí teniu com solucionar-ho
Canva prospera oferint una experiència excepcional als dissenyadors novells. Independentment dels elements que vulgueu incorporar als vostres dissenys, simplement arrossegueu-los i deixeu-los anar. És molest trobar que no pots moure res a Canva mentre hi esteu
Com es personalitzen els colors de les carpetes a Windows 10
Com es personalitzen els colors de les carpetes a Windows 10
Voleu poder assignar diferents colors a les vostres carpetes de l'escriptori de Windows 10 per poder organitzar els directoris per colors? Malauradament, Windows 10 no té cap funció integrada que ho permeti, però
Com afegir nous tipus de lletra a Microsoft Word
Com afegir nous tipus de lletra a Microsoft Word
Amb tantes fonts que vénen amb Microsoft Word, és probable que en trobeu la adequada per a qualsevol ocasió. Però, fins i tot amb moltes fonts potser no n’hi ha prou de vegades. Potser busqueu un tipus de lletra que sigui útil
Com trobar una referència circular a Excel
Com trobar una referència circular a Excel
Les referències circulars poden ser bastant complicades, per això és important saber com trobar-les. Excel té un mecanisme integrat que pot detectar referències circulars i impedir que els càlculs es desenvolupin en un bucle sense fi. Només tu