Huvud Webbläsare Få HTML5 att fungera i gamla versioner av Internet Explorer

Få HTML5 att fungera i gamla versioner av Internet Explorer



arv-och-html5

Få HTML5 att fungera i gamla versioner av Internet Explorer

En av de främsta anledningarna till att utvecklare kanske inte gör övergången till HTML5 ännu är den upplevda bristen på stöd för äldre webbläsare. Det här är faktiskt osant, och även om det kan finnas lite jiggery-pokery för korrekt bakåtkompatibilitet är det fortfarande möjligt.

Naturligtvis menar jag med äldre webbläsare Internet Explorer, eftersom alla andra stora spelare uppdateras regelbundet och deras användare tenderar att följa efter: webbläsare som Firefox, Safari och Opera har stött HTML5 ett tag. Vissa utvecklare kan besluta att sluta stödja IE6, men för vissa är det inte ett alternativ och i alla fall stöder varken IE7 eller IE8 HTML5 heller. IE9 kommer, men det körs endast på Windows Vista och Windows 7, så de andra versionerna kommer fortfarande att finnas kvar länge, som vi har sett med IE6.

Så vad behöver göras för att få HTML5 att fungera i Internet Explorer?

vilka enheter kan du installera kodi på

Okända element

Först och främst kommer IE inte att göra några element som de inte känner igen, så det ignorerar HTML5-strukturelement helt som header, footer, article, section, och nav, alla större delar av en HTML5-webbplats. Detta kan åtgärdas genom att berätta för IE om dessa element med JavaScript. Det bästa sättet att göra detta är att inkludera HTML5-shiv skript, skapat av Remy Sharp. Det här praktiska skriptet skapar alla relevanta HTML5-element som IE nu kommer att veta om när de renderar sidan.

Ett problem med detta är att det inte fungerar för användare som har inaktiverat JavaScript. Tyvärr finns det ingen väg runt detta, så utvecklaren måste ta ett beslut att antingen använda HTML5 eller hålla sig till HTML 4.01.

Styling

De flesta webbläsare har interna formatmallar som bland annat gäller display:block för att blockera nivåelement. Medan vissa av de nyare webbläsarna nu gör detta för relevanta HTML5-element, gör vissa inte det, och detta måste läggas till för alla webbläsare. Att helt enkelt lägga till följande styling gör tricket:

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

Formelement

Och hur är det med några av de nya elementen själva, som t.ex. nya ingångstyper - hur återges dessa i äldre webbläsare?

Fint faktiskt. Eftersom HTML5-specifikationen utökades i en bakåtkompatibelt sätt , alla ingångstyper som inte känns igen, behandlas helt enkelt som text och kommer att återges som så.

hur man ser ping i legender

Multimedia

Som jag har diskuterat tidigare har video- och ljudelement är utformade för att möjliggöra en återgång till Flash, vilket fungerar bra på Internet Explorer.

Övergången till HTML5 kommer fortfarande att ske gradvis, och vissa ser inte eller behöver inte använda någon av de nya funktionerna som den tillhandahåller, men när de gör det kan de vara (relativt) säkra i vetskapen om att äldre webbläsare kommer att göra deras webbplatser bra.

Intressanta Artiklar

Redaktionen

Halo-tema för Windows 8
Halo-tema för Windows 8
Halo-tema för Windows 8 har bakgrundsbilder med scener och kul konst från rätt spel. För att få detta tema, klicka på nedladdningslänken nedan och klicka sedan på Öppna. Detta kommer att tillämpa temat på ditt skrivbord. Tips: Om du använder Windows 7 använder du vårt Deskthemepack Installer för att installera och tillämpa detta tema. Storlek: 12,2 Mb
Extrahera ikon från EXE- eller DLL-fil i Windows 10
Extrahera ikon från EXE- eller DLL-fil i Windows 10
Hur man extraherar en ikon från en EXE- eller DLL-fil i Windows 10. I det här inlägget kommer vi att granska några verktyg som gör det möjligt att extrahera ikoner från filer i Windows 10.
Windows 10: Visa säkerhetsleverantörer i Windows Security
Windows 10: Visa säkerhetsleverantörer i Windows Security
Från och med Windows 10 Build 17704 kan du snabbt se tillgängliga säkerhetsleverantörer (inklusive antivirus, brandvägg och mer) i Windows Security.
Sony SmartWatch 3 recension: Billigt men väldigt mycket visar sin ålder
Sony SmartWatch 3 recension: Billigt men väldigt mycket visar sin ålder
Sony Smartwatch 3 var en av de allra första grupperna av Android Wear-smartklockor som dök upp i butikerna och det ser nu väldigt mycket ut i sin ålder. Även om jag var ganska imponerad av sin kombination av anständig batteritid
Hur man ändrar ett Wi-Fi-nätverk från offentligt till privat i Windows 10
Hur man ändrar ett Wi-Fi-nätverk från offentligt till privat i Windows 10
Det finns flera anledningar till varför du kanske vill byta ett nätverk från offentligt till privat, den främsta anledningen är att skydda ditt hem- eller kontorsnätverk från att nås av obehöriga enheter. Med tanke på överflöd av Wi-Fi-kompatibla enheter,
Hur man ser ömsesidiga kontakter i Skype
Hur man ser ömsesidiga kontakter i Skype
Skype, appen för snabbmeddelanden, video och röstsamtal har varit en av de bästa apparna för onlinekommunikation sedan 2003; nästan alla verkar äga ett Skype-konto. Av sekretessskäl tillåter inte Skype att se
Hur man gör en styrkedryck i Minecraft
Hur man gör en styrkedryck i Minecraft
Lär dig hur du gör en Potion of Strength i Minecraft inklusive vad du ska lägga till i styrkedryckreceptet för att göra en Potion of Strength II.