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

Kategoriarkiv: Skype
Kategoriarkiv: Skype
Hur man exporterar alla minnen i Snapchat
Hur man exporterar alla minnen i Snapchat
Till en början sparade inte Snapchat dina minnen, men det ändrades. Som standard, om du sparar en snap på en Snapchat-berättelse flyttas den automatiskt till dina Snapchat-minnen. Den här funktionen använder molnlagring som är direkt länkad till ditt konto. När man använder
KORRIGERA: Windows 8.1 Metro-appar fungerar inte eller kraschar
KORRIGERA: Windows 8.1 Metro-appar fungerar inte eller kraschar
Windows 8.1 levereras med ett antal inbyggda moderna appar som är lämpliga för pekskärmar. Även om de i allmänhet är stabila, ibland på grund av olika orsaker, kan dessa appar sluta fungera eller krascha när de startar. Det finns flera allmänna rekommendationer för att återställa normalt modernt appbeteende i Windows 8.1 och få dem att fungera igen.
Skåda! Den massiga skönheten i retro sci-fi-bokomslag
Skåda! Den massiga skönheten i retro sci-fi-bokomslag
För alla som växte upp och drömde om massa-sci-fi-konst ser ett nytt projekt från obundet publicering ut som det kommer att utlösa några fantasier. Crowdsourcing-webbplatsen har öppnat dörrarna för finansiering av ett visuellt spektakulärt kompendium av
Hur man ändrar textfärg i Pixlr
Hur man ändrar textfärg i Pixlr
Pixlr låter dig skapa professionellt utseende foton med bara ett par klick. Det finns många självstudier som visar hur du använder Pixlr för att redigera dina foton. Men inte många nämner att du ändrar färgen på din
Inaktivera PulseAudio per användare i Linux
Inaktivera PulseAudio per användare i Linux
Du kan inaktivera PulseAudio för ett användarkonto utan att påverka andra användare på din Linux-dator. Så här kan det göras (två metoder).
Vad är en nod i ett datornätverk?
Vad är en nod i ett datornätverk?
Det finns flera typer av noder, men inom ett hem- eller företagsnätverkssammanhang kan en nod vara en stationär PC, router, switch, hubb eller skrivare.