Como fazer o IE suportar html5

Comentário: Mais e mais sites estão começando a usar tags HTML5, mas a situação atual é que muitas pessoas ainda estão usando o IE6, IE7 e IE8. Para permitir que todos os espectadores acessem normalmente, as duas soluções a seguir estão disponíveis

1. Crie vários conjuntos de modelos para o site e use o programa para julgar o usuário-agente para mostrar páginas diferentes para diferentes usuários do navegador, como o YouKu.

2. Use JavaScript para fazer com que as tags HTML suportadas por navegadores que não suportam HTML5.

Uma solução melhor para o IE é html5shiv. O HTNL5SHIV resolve principalmente o problema que os novos elementos propostos pelo HTML5 não são reconhecidos pelo IE6-8. Esses novos elementos não podem ser embrulhados como nós pais e não podem aplicar o estilo CSS. Para aplicar os estilos CSS em elementos desconhecidos, você pode alcançá -lo executando o documento.createElement (elementName). html5shiv é criado com base nesse princípio.

O uso de html5shiv é muito simples. Considerando que o IE9 suporta HTML5, você só precisa adicionar o seguinte código à cabeça da página:

<!-[se lt ie 9]-> <script src = ""> </script> <!-[endif]->

HTML5SHIV SITE OFICIAL:

Aqui estão algumas adições:

Claro, incluindo meu blog. Em relação ao HTML5, devo mencionar o IE. Quando os fabricantes de navegador convencionais, como Apple, Google, Opera e Mozilla, participaram ativamente da formulação e promoção da nova versão dos padrões HTML, a Microsoft desprezou a especificação HTML 5. No entanto, a Microsoft afirmou recentemente que apoiaria o HTML 5 no IE, para que o IE8 e o seguinte não possam suportar tags HTML5 até agora. Mas no SitePoint, encontrei uma maneira de fazer o IE apoiar o HTML5.

A seguir, é apresentado um exemplo exibido no IE 8, antes do processamento:

Para fazer o IE (incluindo o IE6) suportar elementos HTML5, precisamos adicionar o seguinte JavaScript ao cabeçalho HTML. Este é um documento simples.

<!-[se ie]>

<Cript>

document.createElement ("cabeçalho");

document.createElement ("rodapé");

document.createElement ("NAV");

Document.CreateElement ("Artigo");

document.createElement ("seção");

</script>

<! [endif]->

Depois de adicionar o código acima, o efeito exibido no IE8 é o seguinte:

O código JavaScript para criar nós no exemplo do site parece estar muito inchado, e o código fornecido na Smokemagazine parece ser mais conciso.

A demonstração é a seguinte

<!-[se ie]>

<Cript>

(function () {if (!/*@cc_on!@*/0) return; var e = "cabeçalho, rodapé, navegação, artigo, seção" .split (','), i = e.Length; while (i-) {document.createElement (e [i])}}) ()

</script>

<! [endif]->

O HTML5 se manifesta como elementos embutidos por padrão. Ao estabelecer esses elementos, precisamos convertê -los manualmente em elementos de bloco usando CSS, conforme mostrado no exemplo a seguir:

Cabeçalho, rodapé, navegação, seção, artigo {

exibição: bloco;

}