Melhorias de recursos do IE8 para desenvolvedores web

Autor：Eve Cole Data da Última Atualização：2009-07-03 17:12:46

Em 20 de março de 2009, a Microsoft lançou para o mundo a versão oficial do Windows Internet Explorer 8 (IE8), que se tornou o foco da atenção das pessoas. O IE8 é a versão mais compatível com os padrões até o momento. Ele suporta totalmente Cascading Style Sheets (CSS) nível 2.1, tem suporte aprimorado para CSS 3, HTML 4.01 e também pode suportar HTML 5. Graças ao suporte aprimorado para esses elementos HTML, os desenvolvedores da Web agora podem criar marcações HTML mais expressivas e acessíveis. Este artigo explorará as mudanças no comportamento do suporte HTML e CSS no IE8 e como essas mudanças afetam os desenvolvedores web.

Melhorias de HTML

Para ajudar os desenvolvedores a aproveitar ao máximo os elementos fornecidos pelo HTML 4.01 e interpretar melhor o significado semântico que os desenvolvedores da Web esperam expressar, o Windows Internet Explorer foi atualizado com suporte para os seguintes elementos de apresentação:

Elemento P : representa um parágrafo lógico.
Elemento OBJECT : pode representar qualquer objeto, inclusive imagens.
O elemento button envia seu atributo value em vez de innerHTML, o que significa que o elemento button agora pode usar o esquema FORM entre navegadores.
O método getElementByIdNAME agora diferencia maiúsculas de minúsculas e não usa mais atributos para pesquisas inadequadas.
O método setAttribute agora não diferencia maiúsculas de minúsculas, o que significa que você não precisa mais usar maiúsculas e minúsculas "camelCase" (como "camelCaseWord") ao especificar atributos. Também identifica corretamente atributos HTML como CLASS e FOR.

P adiciona automaticamente a tag de fechamento do elemento

Um elemento P que não possui uma tag de fechamento adiciona automaticamente uma tag de fechamento imediatamente quando seguido por um elemento TABLE, FORM, NOFRAMES ou NOSCRIPT.

<html>
<cabeça>
<title>Exemplo de final de elemento P simples</title>
<meta http-equiv="X-UA-Compatible" content="IE8"/>
</head>
<corpo>

<p>Este é o primeiro parágrafo</p>

<p style="margin-left:30px">Este é o segundo parágrafo. 

<table border="1px" cellpadding="2px"><tr><td>Esta é uma célula de tabela. </td></tr></table>

<p>Este é o terceiro parágrafo. </p>

</body>
</html>

Neste exemplo, o segundo elemento P não possui a tag de fechamento. Quando visualizado no Windows Internet Explorer 7, o elemento TABLE aparece como filho do segundo elemento P. O segundo elemento P é recuado 30 pixels da margem esquerda da janela. Como TABLE é filho do elemento P, ele também é recuado na margem esquerda da janela. Entretanto, quando visualizado no modo padrão do Windows Internet Explorer 8, o elemento TABLE fica alinhado com a margem esquerda. Como o Windows Internet Explorer 8 adiciona automaticamente a tag de fechamento ausente do elemento P antes de exibir o elemento TABLE, o elemento TABLE não é um elemento filho do segundo elemento P no IE8.

Exibir imagens usando elementos OBJECT

O Windows Internet Explorer 8 pode exibir imagens usando o elemento OBJECT. Ao usar esse elemento para exibir imagens em navegadores mais antigos, ele geralmente adiciona automaticamente barras de rolagem e bordas à imagem, muitas vezes fazendo com que a imagem seja exibida incorretamente.

No Windows Internet Explorer 8, o elemento OBJECT exibe imagens como se tivessem sido incorporadas usando o elemento IMG. Para usar esse comportamento em uma página da web, defina o atributo DATA do elemento OBJECT como a URL da imagem. Você também pode incorporar dataURL no atributo DATA.
Para que o Windows Internet Explorer carregue imagens em elementos OBJECT que usam o comportamento antigo, selecione o modo de compatibilidade antigo para a página da Web ou defina o atributo TYPE do elemento OBJECT como text/html.