Esta página foi útil?
Seus comentários sobre este conteúdo são importantes. Queremos saber sua opinião.
Comentários adicionais?
1500 caracteres restantes
Exportar (0) Imprimir
Expandir Tudo

Como corrigir meu site hoje mesmo?

Observação: este documento é preliminar e está sujeito a alterações.

O equilíbrio entre novos recursos e funcionalidades e a compatibilidade com sites existentes é uma grande preocupação no desenvolvimento do Windows Internet Explorer. O Windows Internet Explorer 8 introduz modos de compatibilidade para ajudar a facilitar a transição de padrões herdados para novos padrões. Para obter mais informações sobre os modos de compatibilidade do Windows Internet Explorer 8, leia o documento a seguir.

Este documento o conduzirá pelas etapas necessárias para corrigir seu site a fim de que ele seja renderizado corretamente no Windows Internet Explorer 8.

A correção rápida a curto prazo

Você mantém uma página da Web que funciona corretamente no Windows Internet Explorer 7 e gostaria de atualizá-la para que ela funcionasse no Windows Internet Explorer 8 com o mínimo possível de modificações. Há dois métodos disponíveis. Você pode adicionar a cada página uma marca META de modo de compatibilidade, o que fará com que o Windows Internet Explorer 8 renderize a página da mesma maneira que no Windows Internet Explorer 7. Ou, se você controlar seu servidor Web, poderá fazer com que o servidor adicione a compatibilidade automaticamente configurando-o para enviar um cabeçalho de resposta HTTP personalizado equivalente à marca META com cada página da Web.

Como modificar cada página

Coloque a seguinte marca META HTML no elemento HEAD de cada página da Web (antes de qualquer marca que não seja TITLE ou META):

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>

Isso instruirá o Windows Internet Explorer 8 a renderizar cada página como se fosse o Windows Internet Explorer 7, corrigindo o seu site.

Como configurar o servidor para modificar cada página automaticamente

Para adicionar automaticamente a mesma compatibilidade a cada página como a marca META HTML, configure seu servidor para enviar o seguinte cabeçalho:

X-UA-Compatible: IE=EmulateIE7

Para configurar o IIS (Serviços de Informações da Internet da Microsoft) 7.0, configure o arquivo Web.config da seguinte maneira:

<?xml version="1.0" encoding="utf-8"?>
<configuration>
   <system.webServer>
      <httpProtocol>
         <customHeaders>
            <clear />
            <add name="X-UA-Compatible" value="IE=EmulateIE7" />
         </customHeaders>
      </httpProtocol>
   </system.webServer>
</configuration>

(Adicione o arquivo Web.config ao diretório em que deseja aplicar a alteração.)

Observe que as marcas de alternância de modos de compatibilidade META presentes na marcação real de uma página da Web sempre prevalecem sobre a declaração do cabeçalho HTTP.

Para obter mais informações sobre como configurar seu servidor Web (incluindo o IIS 6.0) para enviar o cabeçalho de resposta HTTP personalizado, leia os documentos a seguir.

Essas correções a curto prazo são recomendadas apenas para uso rápido e temporário. Eventualmente, você deverá modificar seu site de forma que ele envie código baseado em padrões para o Windows Internet Explorer 8 e versões posteriores e código herdado para as versões anteriores do Windows Internet Explorer.

A solução permanente recomendada

Você mantém uma página da Web que funciona corretamente no Windows Internet Explorer 7. Você deseja criar uma página baseada em padrões que funcione corretamente no Windows Internet Explorer 8 com tratamento especial para as versões de navegador herdadas. Depois de ter adicionado a nova funcionalidade CSS 2.1 ao fluxo de páginas principal, você precisará configurar o modo de compatibilidade como Padrões do IE8 e usar comentários condicionais a fim de fornecer correções para versões herdadas do Windows Internet Explorer.

Definindo o modo de compatibilidade como Padrões do IE8

Coloque a seguinte marca META HTML na parte superior do elemento HEAD de cada página da Web (antes de qualquer marca que não seja TITLE ou META):

<meta http-equiv="X-UA-Compatible" content="IE=8"/>

Isso instruirá o Windows Internet Explorer 8 a renderizar cada página usando os padrões CSS 2.1.

Você também pode configurar seu servidor Web, como demonstrado acima, para fazer alterações em todo o site; basta alterar o valor do conteúdo para “IE=8”. Lembre-se de que quaisquer alterações de META no nível de página prevalecem sobre os valores do cabeçalho; portanto, os cabeçalhos no nível de página talvez precisem ser alterados ou removidos.

Usando comentários condicionais para manter seu site funcionando com navegadores herdados

O exemplo de código a seguir ilustra como usar comentários condicionais para direcionar o CSS para versões atuais ou herdadas do Windows Internet Explorer.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
<html>
   <head>
      <title>Test Page</title>
      <meta http-equiv="X-UA-Compatible" content="IE=8"/>
      <!--[if gte IE 8]>
      <style type="text/css">
      body {
       color: #0000ff;
       background-color: #000000;
      }
      </style>
      <![endif]-->
      <!--[if lt IE 8]>
      <style type="text/css">
      body {
       color: #000000;
       background-color: #ffffff;
      }
      </style>
      <![endif]-->
   </head>
   <body>
      <h1>
      <!--[if gte IE 8]>
      Chapter 1.
      <![endif]-->
      First Chapter
      </h1>
      <h1>
      <!--[if gte IE 8]>
      Chapter 2.
      <![endif]-->
      Second Chapter
      </h1>
      Text any version will see.
   </body>
</html>

Para obter mais informações sobre técnicas de detecção de navegadores, leia os documentos a seguir.

A solução permanente descrita aqui é o método mais recomendado para a correção de seu site. Ao aderir a esses padrões, seu site funcionará igualmente bem nas versões herdadas do Windows Internet Explorer e no Windows Internet Explorer 8, bem como em quaisquer versões futuras lançadas.

Mostrar:
© 2015 Microsoft