HTML5 Shiv. Wat het is en waarvoor je het kunt gebruiken
Vervallen: 6 mei 2020
In een notedop: HTML5 Shiv is een manier om het mogelijk te maken HTML5-tags te gebruiken in Internet Explorer 6, 7 en 8.
HTML5 Shiv is JavaScript. Het zorgt ervoor dat onbekende HTML-elementen kunnen worden opgemaakt in Internet Explorer vóór versie 9
HTML5 Shiv is in 2002 bedacht door de Nederlander Sjoerd Visscher, toen die merkte dat voor IE onbekende tags niet kunnen
worden opgemaakt met CSS. HTML5 Shiv regelt dat via JavaScript.
In 2008 kwamen de eerste browserversies op de markt die met HTML5 overweg kunnen. Vanaf toen bleek de kracht van HTML5 Shiv.
De problemen die zich in Internet Explorer voordeden met HTML5 komen worden omzeild, waardoor websites met betrekkelijk weinig
moeite toch met IE 6, 7 en 8 konden werken.
Inmiddels is het onderhoud overgenomen door een community op Github.
HTML5 Shiv wordt veel gebruikt door responsive platforms die HTML5 gebruiken, zoals Bootstrap en HTML5 Boilerplate. Maar ook in sites die zwaar op jQuery leunen passen het vaak toe.
HTML5 Shiv is een levend project. Met enige regelmaat komen er nieuwe releases uit met bug-fixes en uitbreidingen. Het is
daarom handig om een CDN te gebruiken.
Er zijn veel CDN's die HTML5 Shiv beschikbaar stellen. Zoek maar eens in Google met de zoekterm html5shiv cdn.
De code ziet er uit als volgt:
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->
- Je zet deze code in de <HEAD>-sectie van je webpagina.
- Omdat dit alleen nodig is voor Internet Explorer van vóór versie 9, is er voorwaardelijk commentaar toegepast.
- De server met de URL oss.maxcdn.com is één van de vele CDN's die HTML5 Shiv beschikbaar stellen. Let er op dat de meeste CDN's het beveiligde protocol https:// gebruiken.
- Er bestaat ook een versie van HTML5 Shiv die gemaakt is voor het printen in Internet Explorer vóór versie 9,
van documenten die HTML5-tags bevatten. Je zet hem in je documenten op dezelfde manier als hierboven is beschreven, maar met
de filenaam
html5shiv-printshiv.js.
Meer informatie over HTML5 Shiv vind je op de (Engelstalige) blog van Paul Irish.
