Tags HTML5 para IE8

Como sempre, o IE é muito atrás em tecnologia. Este artigo explica como obter suas tags HTML5 trabalhando como se estivessem em Opera, Safari, Chrome ou Firefox.

Você pode obter etiquetas HTML5 trabalho no IE7 e IE8, incluindo este JavaScript na cabeça do seu documento. Para preformance incluí-lo depois de carregar o CSS.

[sourcecode language=”html”]
<!–[if lt IE 9]>
<script>
document.createElement(‘header’);
document.createElement(‘nav’);
document.createElement(‘section’);
document.createElement(‘article’);
document.createElement(‘aside’);
document.createElement(‘footer’);
document.createElement(‘hgroup’);
</script>
<![endif]–>
[/sourcecode]

Firefox, Opera, Chrome, todos consegue reconhecer, mas o IE8 e as versões anteriores, não. Certifique-se de declarar qualquer novo elemento HTML5 como block em seu arquivo css, ou declarar in-line para todos os navegadores, pra não ter conflito futuro.

[sourcecode language=”css”]
header,nav,section,article,aside,footer,hgroup { display: block; }
[/sourcecode]

Se preferir, você pode puxar um mais elaborado html shiv do Google Code assim:

[sourcecode language=”html”]
<!– Pulled from http://code.google.com/p/html5shiv/ –>
<!–[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]–>
[/sourcecode]

Fonte: http://www.nickyeoman.com/blog/html/118-html5-tags-in-ie8