IE8-Funktionsverbesserungen für Webentwickler

Autor：Eve Cole Aktualisierungszeit：2009-07-03 17:12:46

Am 20. März 2009 veröffentlichte Microsoft die offizielle Version von Windows Internet Explorer 8 (IE8), die im Mittelpunkt der Aufmerksamkeit der Menschen stand. IE8 ist die bisher am besten standardkonforme Version. Sie unterstützt Cascading Style Sheets (CSS) Level 2.1 vollständig, bietet erweiterte Unterstützung für CSS 3 und HTML 4.01 und kann auch HTML 5 gut unterstützen. Dank der verbesserten Unterstützung dieser HTML-Elemente können Webentwickler jetzt ausdrucksstärkere und zugänglichere HTML-Markups erstellen. In diesem Artikel werden die Änderungen am HTML- und CSS-Unterstützungsverhalten in IE8 untersucht und wie sich diese Änderungen auf Webentwickler auswirken.

HTML-Verbesserungen

Damit Entwickler die von HTML 4.01 bereitgestellten Elemente optimal nutzen und die semantische Bedeutung, die Webentwickler ausdrücken möchten, besser interpretieren können, wurde Windows Internet Explorer mit Unterstützung für die folgenden Präsentationselemente aktualisiert:

P -Element: stellt einen logischen Absatz dar.
OBJECT- Element: kann jedes Objekt darstellen, einschließlich Bilder.
Das Schaltflächenelement übermittelt sein Wertattribut anstelle von innerHTML, was bedeutet, dass das Schaltflächenelement jetzt das browserübergreifende FORM-Schema verwenden kann.
Die getElementByIdNAME -Methode unterscheidet jetzt zwischen Groß- und Kleinschreibung und verwendet keine Attribute mehr für unangemessene Suchen.
Bei der setAttribute -Methode wird jetzt die Groß-/Kleinschreibung nicht beachtet, was bedeutet, dass Sie bei der Angabe von Attributen nicht mehr die Groß-/Kleinschreibung „camelCase“ (z. B. „camelCaseWord“) verwenden müssen. Außerdem werden HTML-Attribute wie CLASS und FOR korrekt identifiziert.

P fügt automatisch das schließende Tag des Elements hinzu

Ein P-Element, dem ein schließendes Tag fehlt, fügt automatisch sofort ein schließendes Tag hinzu, wenn ihm ein TABLE-, FORM-, NOFRAMES- oder NOSCRIPT-Element folgt.

<html>
<Kopf>
<title>Einfaches P-Element-Endbeispiel</title>
<meta http-equiv="X-UA-Compatible" content="IE8"/>
</head>
<Körper>

<p>Dies ist der erste Absatz</p>

<p style="margin-left:30px">Dies ist der zweite Absatz. 

<table border="1px" cellpadding="2px"><tr><td>Dies ist eine Tabellenzelle. </td></tr></table>

<p>Dies ist der dritte Absatz. </p>

</body>
</html>

In diesem Beispiel fehlt dem zweiten P-Element das schließende Tag. Bei der Anzeige mit Windows Internet Explorer 7 erscheint das TABLE-Element als untergeordnetes Element des zweiten P-Elements. Das zweite P-Element wird 30 Pixel vom linken Rand des Fensters eingerückt. Da TABLE ein untergeordnetes Element des P-Elements ist, wird es auch vom linken Rand des Fensters eingerückt. Bei der Anzeige im Standardmodus von Windows Internet Explorer 8 wird das TABLE-Element jedoch am linken Rand ausgerichtet. Da Windows Internet Explorer 8 automatisch das fehlende schließende Tag des P-Elements hinzufügt, bevor das TABLE-Element angezeigt wird, ist das TABLE-Element kein untergeordnetes Element des zweiten P-Elements in IE8.

Zeigen Sie Bilder mit OBJECT-Elementen an

Windows Internet Explorer 8 kann Bilder mithilfe des OBJECT-Elements anzeigen. Wenn Sie dieses Element zum Anzeigen von Bildern in älteren Browsern verwenden, werden dem Bild häufig automatisch Bildlaufleisten und Rahmen hinzugefügt, was häufig dazu führt, dass das Bild falsch angezeigt wird.

In Windows Internet Explorer 8 zeigt das OBJECT-Element Bilder an, als wären sie mithilfe des IMG-Elements eingebettet worden. Um dieses Verhalten auf einer Webseite zu verwenden, legen Sie das DATA-Attribut des OBJECT-Elements auf die URL des Bildes fest. Sie können dataURL auch in das DATA-Attribut einbetten.
Damit Windows Internet Explorer Bilder in OBJECT-Elemente lädt, die das alte Verhalten verwenden, wählen Sie den alten Kompatibilitätsmodus für die Webseite aus oder legen Sie das TYPE-Attribut des OBJECT-Elements auf text/html fest.