Vorbereitende Basics - JavaScript: Die Universelle Sprache zur Web-Programmierung - page 30

Theoretisch, denn das funktioniert nicht in allen Browsern. Vor allem klappt das nicht in
älteren Versionen des Internet Explorers (also die Versionen bis Nummer 8). Denn diese
Versionen des Internet Explorers ignorieren unbekannte Tags bei der Darstellung der Web-
seite nicht nur - sie rendern diese so in den DOM-Baum, dass sowohl das Anfangs-Tag als
auch das Ende-Tag (!) als eigenständige leere Elemente dort autauchen und der Inhalt als
weiterer, eigenständiger Textknoten. Das gilt aber auch im Internet Explorer 9, wenn dieser
im Kompatibilitätsmodus betrieben wird. Damit ist der Inhalt nicht mehr in Form von Daten
des gewünschten Elements zugänglich. Das seltsame Verhalten des Internet Explorers kön-
nen Sie hervorragend mit den Entwicklertools beobachten, die Sie mit F12 aufrufen. Für
diese veralteten bzw. falsch eingestellten Browser muss man ggf. mühsam per JavaScript
und direkter DOM-Programmierung die Inhalte suchen und dann die Elemente von Hand
aufbauen. Dieses Problem gilt nicht nur für die neuen Strukturelemente von HTML5, son-
dern grundsätzlich wenn im Internet Explorer unbekannte Elemente (etwa über per AJAX
nachgeladene XML-Strukturen) geladen werden.
Elemente zur Textauszeichnung
Zur Auszeichnung von Textpassagen wurden in HTML5 ein paar neue Elemente hinzuge-
fügt, die - obwohl theoretisch durchaus von einem Browser mit einer optischen Repräsen-
tation zu versehen - ot ebenso einen semantischen Schwerpunkt haben, der hauptsächlich
für Suchmaschinen oder Lesegeräte von Interesse ist. Auf Details wollen wir hier nicht
weiter eingehen.
Multimediaelemente
Eine der bekanntesten Erweiterungen von HTML5 betrit wahrscheinlich die neuen Ele-
mente zur nativen Einbindung von Audio - und Videodateien . Für diese können eine oder
mehrere Quellen bzw. verschiedene Formate hinterlegt werden. Ein Browser kann dann ein
für ihn verständliches Format auswählen. Die Betonung sollte bei diesen Elementen auf
nativ liegen, denn das bedeutet, dass Browser kein zusätzliches Plugin benötigen, um ein
Multimediadokument wiederzugeben. Die native Einbettung soll auch eine Verbesserung
der Performance bewirken.
HInWEIS: Der Browser muss bei der Verwendung der neuen und in der Anwen-
dung sehr ähnlichen Tags <audio> und <video> einen passenden Standard-
player deiniert haben. Das ist im Moment nicht zuverlässig gewährleistet! Bei
der nativen Einbindung von Tondateien ist die Unterstützung schon etwas weiter,
aber Videos werden nur von ganz wenigen Browsern zuverlässig unterstützt.
Zudem setzen aktuell die verschiedenen Browserhersteller bei Videos auf unter-
schiedliche Codecs. Nicht zuletzt deswegen und wegen einer Abwärtskompati-
bilität standardisiert HTML5 zusätzlich das vormals proprietäre embed -Element,
um diese Inhalte alternativ wiederzugeben (klassisch über Plugins).
Im Fall einer Unterstützung in einem modernen Browser kann man aber grundsätzlich eine
Videodatei sehr einfach einbinden. Betrachten wir das folgende Listing: