Comentário: 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 são reconhecidas e usadas normalmente em navegadores antigos como IE6, IE7, IE8 e Firefox 2. Isso sempre foi irritado com muitos internautas. Em seguida, como eliminar esta raiva
O HTML5 fornece aos desenvolvedores muitas tags novas, como seção, navegação, artigo, cabeçalho, rodapé etc. 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 usa a tag do artigo.
<! Doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml" 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 pode reconhecer 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, conforme mostrado na figura abaixo.
Como usar tags HTML5 em navegadores antiquados?Como não pode ser usado porque não pode ser reconhecido, a solução é tornar as tags reconhecidas. Felizmente, simplesmente usar o Document.CreateElement (Tagname) pode permitir que o navegador reconheça a tag e o mecanismo CSS conheça a existência da tag. Suponha que o código a seguir seja adicionado à área <Head> do nosso exemplo acima.
<Cript>
Document.CreateElement ('Artigo');
</script>
A explicação DOM no IE8 se tornará a figura a seguir.
Naturalmente, o texto também aparece em azul normal.
ConclusãoO blog muda há muito tempo para a escrita HTML5, mas como muitos usuários não usam o navegador mais recente, eles usam conjuntos de tags HTML4. Muitas tags no HTML5 são semânticas e práticas. Também comecei a experimentar algumas tags comumente usadas e agora elas usam tags de artigo e tempo.