Een van de belangrijkste redenen waarom ontwikkelaars de overstap naar HTML5 nog niet maken, is het vermeende gebrek aan ondersteuning voor oudere browsers. Dit is eigenlijk niet waar, en hoewel er misschien wat jiggery gokkerij nodig is voor een goede achterwaartse compatibiliteit, is het nog steeds mogelijk.
Met oudere browsers bedoel ik natuurlijk Internet Explorer, aangezien alle andere grote spelers regelmatig updaten en hun gebruikers geneigd zijn dit voorbeeld te volgen: browsers zoals Firefox, Safari en Opera ondersteunen HTML5 al een tijdje. Sommige ontwikkelaars besluiten om te stoppen met het ondersteunen van IE6, maar voor sommigen is dat geen optie en in ieder geval ondersteunen noch IE7 noch IE8 HTML5. IE9 zal, maar het draait alleen op Windows Vista en Windows 7, dus de andere versies zullen nog lang bestaan, zoals we hebben gezien met IE6.
Dus wat moet er gebeuren om HTML5 in Internet Explorer te laten werken?
hoe je je tiktok-naam kunt veranderen
Onbekende elementen
Allereerst geeft IE geen elementen weer die het niet herkent, dus het negeert HTML5 structurele elementen zoals header
, footer
, article
, section
en nav
, alle belangrijke onderdelen van een HTML5-site. Dit kan worden verholpen door IE met JavaScript over deze elementen te informeren. De beste manier om dit te doen, is door het HTML5 shiv script, gemaakt door Remy Sharp. Dit handige script maakt alle relevante HTML5-elementen die IE nu kent bij het renderen van de pagina.
Een probleem hiermee is dat het niet werkt voor gebruikers die JavaScript hebben uitgeschakeld. Helaas is er geen manier om dit te omzeilen, dus een beslissing moet worden genomen door de ontwikkelaar om HTML5 te gebruiken of om bij HTML 4.01 te blijven.
Styling
De meeste browsers hebben interne stylesheets die onder andere display:block
toepassen om niveau-elementen te blokkeren. Hoewel sommige van de nieuwere browsers dit nu doen voor de relevante HTML5-elementen, doen andere dat niet, en dit moet voor alle browsers worden toegevoegd. Gewoon de volgende styling toevoegen is voldoende:
article, aside, figure, footer, header, hgroup,
menu, nav, section { display:block; }
Vormelementen
En hoe zit het met enkele van de nieuwe elementen zelf, zoals de nieuwe invoertypes - hoe worden deze weergegeven in oudere browsers?
Eigenlijk prima. Omdat de HTML5-specificatie is uitgebreid in een achterwaarts compatibele manier worden alle invoertypen die niet worden herkend, gewoon behandeld als text
en zal zo eenvoudig worden weergegeven.
geeft snapchat een melding wanneer je naar iemands locatie kijkt
Multimedia
Zoals ik in het verleden heb besproken, is de video- en audio-elementen zijn ontworpen om terug te vallen op Flash, wat prima werkt in Internet Explorer.
De overgang naar HTML5 zal nog steeds geleidelijk verlopen, en sommigen zullen de nieuwe functionaliteit die het biedt niet zien of nodig hebben, maar als ze dat doen, kunnen ze (relatief) veilig zijn in de wetenschap dat oudere browsers zal hun sites prima weergeven.