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.