BUGS et correctifs IE6 - Stratégies pour prévenir les problèmes avant qu'ils ne surviennent_HTML/Xhtml_Web Page Production

Avant de discuter des BUG d'IE6 et de la façon de les corriger, il est nécessaire de parler de quelques stratégies pour éviter ces problèmes ennuyeux - comme le dit le proverbe, les tuer dans l'œuf.

Texte original : Cheatsheet Ultimate IE6 : Comment réparer 25 bugs d'Internet Explorer 6
Traduction : http://www.php.cn/(Traduction paire Le texte original a été complété)

Avant de discuter du BUG de IE6 et comment le corriger, il est nécessaire de parler de quelques stratégies pour éviter ces ennuyeux problèmes - ce qu'on appelle la prévention Souffrir avant que cela n'arrive.

Part de marché d'IE6

Selon les statistiques de part de marché, la part de marché actuelle (août 2009) d'IE6 est de 25,25 %, mais les statistiques dans d'autres endroits, ils sont évidemment inférieurs, 18,1% bien que les résultats statistiques soient différents, ils montrent tous une tendance à la baisse (lorsque cet article a été traduit, les utilisateurs d'IE6 de Taobao étaient passés de 70% à moins de 70 ; %.à 69%). Mais le plus important, ce sont les statistiques de votre propre site Internet. Si vous effectuez une analyse du trafic sur votre site Web, la part d'IE6 vaut-elle la peine d'être développée pour IE6 ? Cela doit être pesé par vous-même.

Si la grande majorité des visiteurs de votre site Web n'utilisent pas IE6 et ne vous paient pas, alors vous n'avez pas besoin de le rendre spécifiquement compatible avec IE6, économisant ainsi du temps, de l'énergie et de l'argent.

Réalisez un design concis

Considérez l'implémentation du code lors de la conception pour éviter certains problèmes de mise en page. Quelle que soit la complexité du projet de conception, il peut être implémenté avec un code concis. Si vous utilisez des balises trop compliquées, vous devez alors réviser le projet de conception.
Si vous avez une riche expérience de développement et avez surmonté de nombreux problèmes de mise en page, enregistrez vos solutions pour améliorer l'efficacité du développement lorsque vous rencontrez les mêmes problèmes à l'avenir.

Utilisez une déclaration de document appropriée (doctype)

L'utilisation d'une mauvaise déclaration de document déclenchera le mode bizarrerie (mode bizarre) Une déclaration de document correcte peut garantir que votre page reste cohérente. performances sur tous les navigateurs. Utilisez l'une des déclarations de document : HTML 5[/i], [i]HTML 4.01 Strict[/i], [i]HTML 4.01 Frameset[/i], [i]HTML 4.01 Transitional[/i], [i] XHTML 1.0 Strict[/i], [i]XHTML 1.0 Frameset[/i], [i]XHTML 1.0 Transitional[/i] ou [i]XHTML 1.1

HTML 5 HTML 4.01 Strict //W3C//DTD HTML 4.01//EN" "

http://www.php.cn/

">

Jeu de cadres HTML 4.01

http://www.php.cn/ ">

HTML 4.01 Transitional

http://www.php.cn/">

XHTML 1.0 Strict

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.php.cn/">

Jeu de cadres XHTML 1.0

http://www.php.cn /">

XHTML 1.0 Transitionnel

http://www.php.cn/">

XHTML 1.1

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.php.cn/">

Vérifiez votre code

J'ai entendu certaines personnes penser que la vérification du code n'a aucune valeur pratique, mais je ne le pense pas. La validation ne prend que quelques instants et profitera à tous les navigateurs, pas seulement à IE6 ; la validation garantit une compatibilité ascendante et est facile à maintenir. Au moins XHTML doit être validé ! La seule fois où vous pouvez ignorer la validation, c'est si vous envisagez d'utiliser CSS3. Vous pouvez utiliser les outils fournis par w3Vérifier XHTML

/

Vérifier CSS

Être d'abord compatible avec les navigateurs standards

Dans le processus d'écriture de code, testez d'abord dans les navigateurs standards (tels que Firefox, Opera, Chrome, etc.), puis testez les navigateurs non standard (tels que IE6/IE7), car ces navigateurs standards suivent tous la norme w3c. , la plupart des traitements sont les mêmes. Vous pouvez les séparer pour être compatible avec les navigateurs IE "spéciaux" Cela normalisera votre code et vous aurez des bases solides et si vous n'avez plus besoin d'être compatible avec ces navigateurs non standards, vous pourrez tous les supprimer d'un seul coup ; . Ceux-ci corrigent le code de compatibilité.
Amélioration progressiveL'

Amélioration progressive vise à garantir que les fonctions de base sont disponibles même sans effets spéciaux de page. En termes simples, l'amélioration progressive fait référence à l'ajout de divers effets spéciaux (animation JavaScript, asynchrone Ajax, etc.) à la page après s'être assuré que la page peut fonctionner normalement après la désactivation de JavaScript. Nous pouvons également utiliser le principe de « l'amélioration progressive » pour utiliser CSS3 (ou certains CSS2), HTML5 et d'autres spécifications Web que IE6 ne prend pas en charge.
Dans certains cas, il est impossible de rendre tous les utilisateurs exactement identiques dans n'importe quel navigateur, en particulier ceux utilisant IE6. L'utilisation d'une stratégie d'amélioration progressive garantit que ces utilisateurs utilisent au moins les fonctionnalités de base de votre site Web (ou application Web).

Plus d'informations sur l'amélioration progressive :

• Comprendre l'amélioration progressive (Traduction)

• Comprendre l'amélioration progressive

• Amélioration progressive avec CSS

• Amélioration progressive : qu'est-ce que c'est et comment l'utiliser ?

• Dégradation gracieuse ou amélioration progressive

• Amélioration progressive pragmatique - Pourquoi vous devriez vous en soucier

Utilisez votre propre style par défaut (réinitialisation CSS)

Chaque navigateur a ses propres styles par défaut. L'utilisation du style par défaut (Réinitialisation CSS) avant votre feuille de style peut éviter d'écrire de longs styles compatibles avec le navigateur plus tard. Il existe de nombreuses réinitialisations CSS disponibles pour référence sur Internet.

Exemple simple de réinitialisation CSS :

body,p,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea, p,
th,td {margin:0;padding:0;}

Quelques réinitialisations CSS pour référence :

• Réinitialisation CSS YUI

• Réinitialisation d'Eric Meyer rechargée

• Réinitialisation CSS KISSY

Utiliser le framework JavaScript

Si votre site Web utilise beaucoup d'effets JavaScript, il est recommandé d'utiliser le framework JavaScript. La plupart des frameworks js sont compatibles avec divers navigateurs, dont IE6. Il existe de nombreux frameworks facultatifs, mais en général, les effets qui peuvent être obtenus avec un framework peuvent certainement être obtenus avec un autre framework, vous pouvez donc choisir le framework approprié en fonction de vos préférences personnelles.

Voici quelques frameworks JavaScript couramment utilisés :

• MooTools

• jQuery

• ProtoType avec Scriptaculous

• Dojo

• Ext JS

MooTools est fortement recommandé, mais si vous êtes débutant, il est toujours recommandé d'utiliser jQuery .

Utilisez JavaScript pour émuler un navigateur standard

Il existe désormais du JavaScript pour permettre à IE d'émuler un navigateur standard, si vous avez un pourcentage élevé d'utilisateurs utilisant IE6 et que vous avez JavaScript est activé, vous pouvez envisager d'utiliser IE7 de Dean Edwards ou des scripts similaires.
Note du traducteur : Il n'est pas recommandé d'utiliser ces scripts, car la mise en œuvre de ces "simulations" consomme souvent beaucoup de ressources, et IE est déjà assez mauvais.

Comment déboguer la page sous IE

Le débogage de la page sous IE est très gênant, l'extension sous FirefoxFirebug et la Web Developer Toolbar sont tous des outils très utiles. Si vous souhaitez utiliser Firebug sur IE ou d'autres navigateurs, vous pouvez utiliser Firebug Lite.
Il existe deux meilleures méthodes de débogage sous IE : IE Collection et IETester, et toutes deux sont gratuites (bien qu'elles présentent quelques défauts). Le développeur d'IETester fournit également DebugBar Ce plug-in IE est gratuit pour un usage personnel, mais les utilisateurs commerciaux ne peuvent l'essayer que pendant 60 jours.

Ce qui précède est le contenu de la stratégie de réparation et de bug IE6 appelée stratégie de prévention_HTML/Xhtml_webpage production Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !