Artigo Introdução de wulin.com (www.vevb.com): Os blogs mudam há muito tempo para a escrita HTML5, mas muitos usuários não usaram o navegador mais recente e estão usando conjuntos de tags HTML4. O HTML5 tem muitas tags semânticas e práticas. Também comecei a experimentar algumas tags comumente usadas e agora uso tags de artigo e tempo.
O HTML5 fornece aos desenvolvedores muitas novas tags, como seção, navegação, artigo, cabeçalho e rodapé. Essas tags são altamente semânticas e serão usadas com frequência, mas não podem ser reconhecidas e usadas normalmente em navegadores antigos como IE6, IE7, IE8 e Firefox 2.
Por que os navegadores antiquados não podem reconhecer essas tags?
De fato, a falha não é o navegador, porque esse tipo de tag não existia naquela época, por isso não pode ser identificado corretamente. Esse reconhecimento incomum de tags torna a estrutura DOM anormal.
Temos o código de teste da seguinte maneira. É um artigo contente com o título e as palavras azuis, e o conteúdo do artigo é rotulado com o artigo.
<! Doctype html><html xmlns = lang = zh-cn>
<head>
<meta charset = utf-8 />
<title> Teste </ititure>
<estilo>
Artigo {cor:#06f;}
</style>
</head>
<Body>
<H1> Título do artigo </h1>
<Artigo>
Este é o conteúdo do artigo, ele deve ser um pedaço de texto azul. Nos navegadores antigos, se você não fizer hacks, uma exceção será exibida.
</artigo>
</body>
</html>
No IE8, o seguinte é exibido.
O IE8 não reconhece a tag do artigo e o estilo CSS definido na tag não tem efeito. No IE8, o <Artigo> é interpretado como dois elementos de tag vazios denominados <Artigo /> e < /Artigo />, que são listados como nós do irmão junto com o conteúdo do artigo, como mostra a figura abaixo.
Como usar tags HTML5 em navegadores antiquados?
Como não pode ser usado porque não pode ser reconhecido, a solução é fazer com que o rótulo seja identificado. Felizmente, simplesmente usar o Document.CreateElement (Tagname) permite que o navegador reconheça a tag e o mecanismo CSS para conhecer a existência da tag. Suponha que a área <head> do nosso exemplo acima seja adicionada com o código a seguir.
<Cript>Document.CreateElement ('Artigo');
</script>
A explicação DOM no IE8 será mostrada na figura abaixo.
Naturalmente, o texto também aparece em azul normal.
Conclusão
O blog muda há muito tempo para a escrita HTML5, mas muitos usuários não usaram o navegador mais recente e usam conjuntos de tags HTML4. O HTML5 tem muitas tags semânticas e práticas. Também comecei a experimentar algumas tags comumente usadas e agora uso tags de artigo e tempo.