Principal Navegadores Fazendo o HTML5 funcionar em versões antigas do Internet Explorer

Fazendo o HTML5 funcionar em versões antigas do Internet Explorer



legacy-and-html5

Fazendo o HTML5 funcionar em versões antigas do Internet Explorer

Um dos principais motivos pelos quais os desenvolvedores podem não estar migrando para o HTML5 ainda é a percepção da falta de suporte para navegadores legados. Na verdade, isso não é verdade e, embora possa ser necessário algum truque para compatibilidade com versões anteriores, ainda é possível.

Claro, por navegadores legados quero dizer Internet Explorer, já que todos os outros grandes players atualizam regularmente e seus usuários tendem a seguir o exemplo: navegadores como Firefox, Safari e Opera suportam HTML5 há algum tempo. Alguns desenvolvedores podem decidir parar de oferecer suporte ao IE6, mas para alguns isso não é uma opção e, de qualquer forma, nem o IE7 nem o IE8 oferecem suporte a HTML5. IE9 irá, mas ele roda no Windows Vista e no Windows 7 apenas, então as outras versões ainda existirão por muito tempo, como vimos com o IE6.

Então, o que precisa ser feito para que o HTML5 funcione no Internet Explorer?

como tornar sua lista de amigos privada no facebook

Elementos desconhecidos

Bem, em primeiro lugar, o IE não renderizará nenhum elemento que não reconhecer, portanto, ignorará completamente os elementos estruturais do HTML5, como header, footer, article, section e nav, todas as partes principais de um site HTML5. Isso pode ser corrigido informando ao IE sobre esses elementos usando JavaScript. A melhor maneira de fazer isso é incluir o HTML5 shiv script, criado por Remy Sharp. Este prático script cria todos os elementos HTML5 relevantes que o IE agora saberá ao renderizar a página.

Um problema com isso é que não funciona para usuários que têm o JavaScript desativado. Infelizmente, não há como contornar isso, então o desenvolvedor deve tomar a decisão de usar HTML5 ou permanecer com HTML 4.01.

Estilo

A maioria dos navegadores possui folhas de estilo internas que, entre outras coisas, se aplicam a display:block para bloquear elementos de nível. Embora alguns dos navegadores mais recentes agora façam isso para os elementos HTML5 relevantes, outros não, e isso precisa ser adicionado para todos os navegadores. Basta adicionar o seguinte estilo para resolver o problema:

article, aside, figure, footer, header, hgroup,
menu, nav, section { display:block; }

Elementos de formulário

E o que dizer de alguns dos próprios novos elementos, como o novos tipos de entrada - como eles são processados ​​em navegadores legados?

Bem, na verdade. Uma vez que a especificação HTML5 foi estendida em um maneira compatível com versões anteriores , quaisquer tipos de entrada que não sejam reconhecidos, são simplesmente tratados como text e será simplesmente processado como tal.

discordar como limpar um canal de texto

Multimídia

Como já discuti no passado, o vídeo e os elementos de áudio são projetados para permitir um retorno ao Flash, que funcionará bem no Internet Explorer.

A mudança para HTML5 ainda será gradual, e alguns não verão nem terão a necessidade de usar nenhuma das novas funcionalidades que ele fornece, mas quando o fazem, podem estar (relativamente) seguros por saberem que navegadores mais antigos irá renderizar seus sites muito bem.

Artigos Interessantes

Escolha Do Editor

Como corrigir erros ‘Você precisa de permissão de TrustedInstaller’ no Windows
Como corrigir erros ‘Você precisa de permissão de TrustedInstaller’ no Windows
Cada tentativa de mover, excluir ou alterar um arquivo ou pasta e ver a mensagem de erro ‘Você precisa da permissão do TrustedInstaller para executar esta ação’? Você pensaria que, como proprietário ou administrador do sistema, você teria o último
Análise do HP ProLiant ML350 G6
Análise do HP ProLiant ML350 G6
A HP certamente não se intimida com seus servidores ProLiant, uma vez que afirma o DL380 como o servidor em rack mais popular do mundo e o ML350 como um dos servidores em torre mais flexíveis do mundo. Nesta revisão exclusiva, nós
Apple TV: o que é e como funciona
Apple TV: o que é e como funciona
Apple TV é um dispositivo de streaming de mídia que roda em uma plataforma semelhante ao iPhone. Você pode usá-lo para transmitir TV e filmes e baixar aplicativos.
Como alinhar à direita parte de uma linha no Word
Como alinhar à direita parte de uma linha no Word
Como um dos melhores programas de escrita do mercado, o MS Word não tem falta de opções de formatação. O alinhamento de texto está entre os essenciais, e você pode se surpreender com o que pode ser feito com linhas nesse sentido. Em
Como consertar quando o Bluetooth do Windows 10 não está funcionando
Como consertar quando o Bluetooth do Windows 10 não está funcionando
Informações e soluções práticas para quando o Bluetooth parar de funcionar corretamente e seu dispositivo não sincronizar com seus computadores ou laptops Windows 10.
Como hackear seu PlayStation Classic para mais jogos
Como hackear seu PlayStation Classic para mais jogos
O PlayStation Classic é, com toda a honestidade, um pouco decepcionante. Enquanto a Sony certamente esperava que fosse tão fenomenal quanto os mini-consoles NES e SNES da Nintendo, isso deixa muito a desejar. Claro que é lindo
USB (Universal Serial Bus): tudo o que você precisa saber
USB (Universal Serial Bus): tudo o que você precisa saber
USB (Universal Serial Bus) é um padrão de conexão usado por computadores e outros dispositivos como smartphones, pen drives, câmeras, etc.