IE6-FEHLER und -Korrekturen – Strategien zur Vermeidung von Problemen, bevor sie auftreten_HTML/Xhtml_Webseitenproduktion

Bevor wir über die Fehler des IE6 und deren Behebung sprechen, müssen einige Strategien besprochen werden, um diese lästigen Probleme zu vermeiden – wie das Sprichwort sagt: Ersticken Sie sie im Keim.

Originaltext: Ultimate IE6 Cheatsheet: So beheben Sie 25 Internet Explorer 6-Fehler
Übersetzung: http://www.php.cn/(Übersetzung Paar (Der Originaltext wurde ergänzt)

Bevor wir den BUG von IE6 und dessen Behebung besprechen, müssen wir über einige Strategien sprechen, um diese lästigen Fehler zu vermeiden Probleme – als sogenannte Prävention – Leiden, bevor es passiert.

IE6-Marktanteil

Laut Marktanteilsstatistik beträgt der aktuelle (August 2009) Marktanteil von IE6 25,25 %, aber die Statistik an anderen Orten sind sie offensichtlich niedriger, 18,1 %; obwohl die statistischen Ergebnisse unterschiedlich sind, zeigen sie alle einen Abwärtstrend (als dieser Artikel übersetzt wurde, Taobaos IE6-Benutzer waren von 70 % auf unter 70 gesunken %. bis 69 %). Aber das Wichtigste sind die Statistiken Ihrer eigenen Website. Lohnt es sich, den Anteil von IE6 für IE6 zu entwickeln, wenn Sie eine Verkehrsanalyse auf Ihrer Website durchführen? Dies muss selbst abgewogen werden.

Wenn die überwiegende Mehrheit der Besucher Ihrer Website IE6 nicht verwendet und Sie nicht bezahlen, müssen Sie sie nicht speziell mit IE6 kompatibel machen, wodurch Sie Zeit, Energie und Geld sparen.

Erstellen Sie ein prägnantes Design

Berücksichtigen Sie beim Entwerfen die Implementierung des Codes, um einige Layoutprobleme zu vermeiden. Egal wie komplex der Designentwurf ist, er kann mit prägnantem Code implementiert werden. Wenn Sie zu komplizierte Tags verwenden, müssen Sie den Designentwurf überarbeiten.
Wenn Sie über umfassende Entwicklungserfahrung verfügen und viele Layoutprobleme gelöst haben, notieren Sie Ihre Lösungen, um die Entwicklungseffizienz zu verbessern, wenn in Zukunft dieselben Probleme auftreten.

Verwenden Sie die entsprechende Dokumentdeklaration (Doctype)

Die Verwendung einer falschen Dokumentdeklaration löst den Quirks-Modus (seltsamer Modus) aus. Eine korrekte Dokumentdeklaration kann sicherstellen, dass Ihre Seite konsistent bleibt Leistung in allen Browsern. Verwenden Sie eine der Dokumentdeklarationen: 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] oder [i]XHTML 1.1

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

http://www.php.cn/

">

HTML 4.01 Frameset

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/">

XHTML 1.0 Frameset

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

XHTML 1.0 Transitional

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

XHTML 1.1

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

Überprüfen Sie Ihren Code

Ich habe einige Leute denken hören, dass die Überprüfung des Codes keinen praktischen Wert hat, aber ich glaube nicht. Die Validierung dauert nur einen Moment und kommt allen Browsern zugute, nicht nur IE6; die Validierung gewährleistet Abwärtskompatibilität und ist einfach zu warten. Zumindest XHTML muss validiert sein! Sie können die Validierung nur ignorieren, wenn Sie CSS3 verwenden möchten. Sie können die von w3 bereitgestellten Tools verwendenXHTML überprüfen

/

CSS überprüfen

Seien Sie zuerst mit Standardbrowsern kompatibel

Testen Sie beim Schreiben von Code zunächst in Standardbrowsern (wie Firefox, Opera, Chrome usw.) und dann in nicht standardmäßigen Browsern (wie IE6/IE7), da diese Standardbrowser alle dem w3c-Standard folgen , die meisten Behandlungen sind gleich. Sie können sie trennen, um sie mit „speziellen“ IE-Browsern kompatibel zu machen. Dadurch wird Ihr Code standardisiert und Sie verfügen über eine solide Grundlage. Wenn Sie nicht mehr mit diesen nicht standardmäßigen Browsern kompatibel sein müssen, können Sie sie alle auf einmal löschen . Diese beheben den Kompatibilitätscode.
Progressive Verbesserung

Progressive Enhancement soll sicherstellen, dass Grundfunktionen auch ohne Seitenspezialeffekte verfügbar sind. Einfach ausgedrückt bezieht sich die progressive Verbesserung auf das Hinzufügen verschiedener Spezialeffekte (JavaScript-Animation, asynchrones Ajax usw.) zur Seite, nachdem sichergestellt wurde, dass die Seite nach der Deaktivierung von JavaScript normal funktionieren kann. Wir können auch das Prinzip der „progressiven Verbesserung“ verwenden, um CSS3 (oder einige CSS2), HTML5 und andere Webspezifikationen zu verwenden, die IE6 nicht unterstützt.
In manchen Fällen ist es unmöglich, alle Benutzer in jedem Browser genau gleich zu machen, insbesondere diejenigen, die IE6 verwenden. Durch die Verwendung einer progressiven Verbesserungsstrategie wird sichergestellt, dass diese Benutzer zumindest die Grundfunktionen Ihrer Website (oder Webanwendung) nutzen.

Weitere Informationen zur progressiven Verbesserung:

• Progressive Verbesserung verstehen (Übersetzung)

• Progressive Enhancement verstehen

• Progressive Enhancement mit CSS

• Progressive Enhancement: Was es ist und wie man es verwendet?

• Graceful Degradation vs. Progressive Enhancement

• Pragmatische progressive Verbesserung – Warum Sie sich damit beschäftigen sollten

Verwenden Sie Ihren eigenen Standardstil (CSS-Reset)

Jeder Browser hat seine eigenen unterschiedlichen Standardstile. Durch die Verwendung des Standardstils (CSS-Reset) vor Ihrem Stylesheet können Sie später das Schreiben langwieriger browserkompatibler Stile vermeiden. Es gibt viele CSS-Resets als Referenz im Internet.

Einfaches CSS-Reset-Beispiel:

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

Einige CSS-Resets als Referenz:

• YUI CSS Reset

• Eric Meyer's Reset Reloaded

• KISSY CSS Reset

JavaScript-Framework verwenden

Wenn Ihre Website viele JavaScript-Effekte verwendet, wird die Verwendung eines JavaScript-Frameworks empfohlen. Die meisten JS-Frameworks sind mit verschiedenen Browsern kompatibel, einschließlich IE6. Es gibt viele optionale Frameworks, aber im Allgemeinen können die Effekte, die mit einem Framework erzielt werden können, definitiv auch mit einem anderen Framework erzielt werden, sodass Sie das geeignete Framework basierend auf Ihren persönlichen Vorlieben auswählen können.

Im Folgenden sind einige häufig verwendete JavaScript-Frameworks aufgeführt:

• MooTools

• jQuery

• ProtoType mit Scriptaculous

• Dojo

• Ext JS

MooTools ist sehr zu empfehlen, aber wenn Sie ein Anfänger sind, wird dennoch die Verwendung von jQuery empfohlen .

Verwenden Sie JavaScript, um einen Standardbrowser zu emulieren

Es gibt jetzt etwas JavaScript, um den IE dazu zu bringen, einen Standardbrowser zu emulieren, wenn Sie einen hohen Prozentsatz an Benutzern haben, die IE6 verwenden Wenn JavaScript aktiviert ist, können Sie die Verwendung von IE7 von Dean Edwards oder ähnlichen Skripten in Betracht ziehen.
Anmerkung des Übersetzers: Es wird nicht empfohlen, diese Skripte zu verwenden, da die Implementierung dieser „Simulationen“ häufig viele Ressourcen verbraucht und der IE bereits schlecht genug ist.

So debuggen Sie die Seite unter IE

Das Debuggen der Seite unter IE ist sehr mühsam, die Erweiterung unter FirefoxFirebug und Web Developer Toolbar sind allesamt sehr nützliche Tools. Wenn Sie Firebug im IE oder anderen Browsern verwenden möchten, können Sie Firebug Lite verwenden.
Es gibt zwei beste Debugging-Methoden unter IE: IE Collection und IETester, und beide sind kostenlos (obwohl sie einige Mängel aufweisen). Der Entwickler von IETester stellt auch DebugBar zur Verfügung. Dieses IE-Plug-in ist für den persönlichen Gebrauch kostenlos, kommerzielle Benutzer können es jedoch nur 60 Tage lang testen.

Das Obige ist der Inhalt der IE6-Fehler- und Reparaturstrategie namens Prevention Strategy_HTML/Xhtml_webpage Production. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!