Gör så de nya HTML5 elementen fungerar i Internet Explorer

Äldre webbläsare, såsom IE8 och tidigare, har ingen koll på den nya HTML5 elementen. Med lite hjälp av ett JavaScript som kallas html5shiv så kan du dock få dessa äldre läsare att hantera de nya elementen.

#html5shiv

Det är ett litet JavaScript du behöver och det finns att nå via Googles servrar. Du inkluderar det i din webbsida på följande sätt.

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Det betyder att för alla webbläsare som är IE och har en version som är mindre än 9 så kommer htmlshiven att inkluderas.

Du kan läsa mer om html5shiv på Googles projektsida.

#Ge dina HTML5 element en grundstil

I din CSS så kan du lägga till en grundstil för de nya HTML5 elementen. Följande CSS-kod kan hjälpa dig på vägen.

/** --------------------------------------------------------------
 * HTML5 elements.
 *
 */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none;}
[hidden]{display:none;}

Sådär, nu är du redo att använda de nya HTML5 elementen, även i äldre webbläsare.

#Revision history