Forcer IE à afficher une page en mode de compatibilité

Internet Explorer a été abandonné avec l'avènement de Windows 10. Cet article est présenté ici au profit des personnes qui utilisent encore l'ancien logiciel et à des fins historiques.

La manière la plus simple de dire à Internet Explorer d'utiliser la vue de compatibilité est soit d'omettre complètement le DOCTYPE sur la page Web, soit de ne rien placer au-dessus du DOCTYPE (y compris une déclaration ou un commentaire XML).

Voici quelques exemples. Chaque bloc de HTML est le document de la page Web entière.


Vue des normes

<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Transitional // EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<Head>
<title> Cette page n'est PAS rendue en vue de compatibilité </title>
</ Head>
<Body>
<h1> Cette page n'est PAS une vue de compatibilité </h1>
</ Body>
</ Html>

Affichage de compatibilité

<html>
<Head>
<title> Cette page n'est PAS rendue en vue de compatibilité </title>
</ Head>
<Body>
<h1> Cette page n'est PAS une vue de compatibilité </h1>
</ Body>
</ Html>


Affichage des normes (2)

<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<Head>
<title> Cette page n'est PAS rendue en vue de compatibilité </title>
</ Head>
<Body>
<h1> Cette page n'est PAS une vue de compatibilité </h1>
</ Body>
</ Html>


Vue de compatibilité (2)

<? xml version = "1.0" encoding = "UTF-8">
<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<Head>
<title> Cette page n'est PAS rendue en vue de compatibilité </title>
</ Head>
<Body>
<h1> Cette page n'est PAS une vue de compatibilité </h1>
</ Body>
</ Html>

Notez que ce dernier exemple doit se charger en tant que vue standard en mode XHTML. Mais Internet Explorer interprète cette déclaration XML comme nécessitant une vue de compatibilité.

Utilisation des en-têtes HTTP pour forcer l'affichage des normes dans Internet Explorer 8 et au-dessus

Vous pouvez également utiliser des balises meta pour forcer le mode standard. La balise meta compatible X-UA indique à Internet Explorer le mode d'affichage à utiliser ou à émuler.

En définissant cette balise meta, vous indiquez à IE d'utiliser le mode standard même s'il y a des commentaires ou une déclaration XML au-dessus du DOCTYPE. Vous déterminez quelle version d'Internet Explorer peut le mieux afficher la page, puis définissez les balises Meta pour définir cette version.

IE 7:

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

IE 8:

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

IE 9:

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

Si un client arrive sur une page avec un mode d'affichage supérieur à celui qu'il prend en charge (par exemple, un navigateur IE 7 affichant une page demandant le mode d'affichage IE8), il ignorera la balise et rendra la page dans le mode qu'elle aurait sans la balise.

Laisser un commentaire