Novas Tag's, Novos Problemas
Com a chegada do HTML5 e suas novas Tag's, nós desenvolvedores HTML, voltamos a entrar em guerra com um antigo vilão: O Internet Explorer, vulgo IE. O motivo? Até a versão 9, ele não reconhecia essas novas Tag's e com isso não renderizava nenhum dos novos elementos, interessante não?A partir da versão 9, esse problema foi corrigido, mas se você é um desenvolvedor que se preocupa com Cross Browser, sabe que ainda há aqueles que teimam em não atualizar seus navegadores e para esses, nós temos que ter uma solução em mãos se não quisermos perder visitantes por falta de compatibilidade.
Criando Cada Elemento Individualmente
Até encontrar uma solução mais apropriada, eu como vários outros, para utilizar um simples <header> "Cabeçalho", utilizava uma saída bem pouco "elegante", que era criar esse elemento através de javascript para que o IE viesse a reconhecê-lo, com o seguinte código:document.createElement("header");
E para utilizar outras Tag's? Faria exatamente o mesmo, criaria elemento por elemento através de Javascript...
Deixe o HTML5Shiv Trabalhar por Você
Mas um desenvolvedor chamado Remy Sharp criou um script que apelidou de HTML5Shiv para que pudéssemos focar em nos preocupar com o que realmente importa. E de quebra você não precisa nem fazer o download dele, já que a biblioteca de códigos do google já hospeda e disponibiliza-o de mão beijada. Basta utilizar a seguinte regra que serve para restringir a chamada do script às versões anteriores à 9 do IE:<!--[if lt IE9] </script> <script src="dist/html5shiv.js"></script> <!--[endif]-->
Agora basta clicar no link a seguir e ser feliz....
Baixar html5shiv.