Comentário: Este artigo apresenta principalmente a solução para como os novos elementos HTML5 são compatíveis com navegadores antigos. Amigos que precisam podem se referir a ele.
Uma pergunta, o que o professor nos jogou é: como tornar o IE8 compatível com essas tags? (Requer design de dom em js)Embora eu tenha falado hoje, ainda preciso entender.
<! Doctype html>
<html>
<head>
<meta charset = "utf-8">
<title> Compare a compatibilidade de novos elementos HTML5 em navegadores antigos - HTML5 Freedom </title>
</head>
<Body>
<weweler> Área superior </weader>
Área de Navegação </ na Nav>
<Artigo> Área do artigo </sarticle>
<weeber> Área inferior </foter>
</body>
</html> </span>
Nos navegadores que suportam tags HTML5, ele aparece como:
| ----------------------------------------------------------------------------------------------------------------------------------------------------
| Área superior |
| Área de navegação |
| Área do artigo |
| |
| ----------------------------------------------------------------------------------------------------------------------------------------------------
O estilo de exibição no navegador antigo é:
--------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------
Todos têm o mesmo efeito. Se você não estiver errado, o navegador antigo não reconhece essas tags recém-adicionadas, portanto elas são resolvidas usando elementos em linha. Portanto, há um avanço na solução para torná -lo um elemento de bloco e não estará na mesma linha. Dessa forma, o mesmo efeito pode ser exibido nos navegadores novos e antigos. Além disso, o navegador reconhece a tag. A solução específica para a necessidade de adicionar novas tags é:
IE8/IE7/IE6 suporta tags geradas através do Document.CreateElement. Esse recurso pode ser usado para permitir que esses navegadores suportem novas tags HTML5. O código é o seguinte:
document.createElement ('nova tag'); // Adicionar para criar uma nova tag
O código JS é o seguinte:
<Cript>
document.createElement ('cabeçalho');
document.createElement ('NAV');
Document.CreateElement ('Artigo');
document.createElement ('rodapé');
</script>
Ou crie tags diretamente ao fazer o loop:
var e = "abbr, artigo, de lado, áudio, tela, dados de dados, detalhes, diálogo, eventos ou figura, rodapé, cabeçalho, hgroup, marca, menu, medidor, navegação, saída, progresso, seção, tempo, vídeo" .split (',');
var i = e.Lengen;
Enquanto (i-) {
document.createElement (e [i])
}
Estilo CSS Configuração de estilo padrão:
<estilo>
Artigo, à parte, tela, detalhes, figcaption, figura, rodapé, cabeçalho, hgroup, menu, navegação, seção, resumo {
exibição: bloco;
}
</style>
Outra maneira é usar o método da estrutura, usando comentários condicionais e código JS para implementá -lo
<pan> <!-[se lt ie 9]>
<Cript> src = "http://html5shim.googlecode.com/svn/trunk/html5.js" </script>
<! [endif]-> </span>
Basta adicionar este código para alcançar problemas de compatibilidade, sobre a atenção condicional
<!-se LT ie9>
É para determinar se é menor que o IE9 ou abaixo. Se for, execute esse código JS. Se não for, ignore -o. Quanto ao link no JS, você pode descobrir abrindo -o diretamente e verificando -o. É também um grande pedaço de código.