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

muss auch sauber mit neu hinzukommenden Elementen umgegangen werden, sonst könnte
kein lebender Standard umgesetzt werden.
neue Struktur- und Gruppierungselemente
In HTML5 gibt es eine ganze Reihe von neuen strukturierenden Elementen. Die Elemente
section , nav , article , aside , hgroup , header oder footer sollen eine bessere semantische
Strukturierung einer Webseite ermöglichen, als es bisher rein auf Basis von div -Elementen
(oder aber Tabellen) möglich war, denn die Elemente bezeichnen neben einer Struktur auch
die Art ihres Inhalts. Zum Beispiel bezeichnet section einen Abschnitt eines zusammen-
gehörigen Textes oder nav enthält eine Navigation (etwa ein Menü).
Nach den Plänen des W3C sollen diese neuen Elemente mittelfristig sogar Div-Elemente
und CSS-Klassen überlüssig machen. Allerdings halte ich das in den nächsten Jahren für
nicht praktikabel, insbesondere in Hinsicht auf ältere Internet Explorer, die unbekannte
Elemente so aus dem DOM rendern, dass man sie mit CSS oder JavaScript nicht direkt
ansprechen kann. Das besprechen wir gleich. Die Elemente können in einer Webseite belie-
big ot vorkommen und selbst wieder sowohl alle - sinnvollen - klassischen als auch neuen
HTML-Elemente enthalten, solange das neue Strukturmodell das nicht verbietet. Sie sollten
zudem unbedingt beachten, dass es in keiner Weise vorgegeben ist, dass etwa ein footer -
Element im Quellcode einer Webseite unterhalb eines header -Elements oder ein aside -Ele-
ment auf der Seite zu stehen hat, obwohl die Bezeichner das vielleicht suggerieren. Da es
sich um rein strukturelle Informationen handelt, gibt es kein „unterhalb“ oder „oberhalb“
im Sinne einer optischen Position. Hier wird ganz deutlich, dass eine designorientierte
Denkweise in HTML5 ot fehl am Platz ist.
Einige dieser neuen Strukturelemente binden ebenso eine logische Funktionalität an die
Kombination mit enthaltenen Elementen wie Überschriten.
HInWEIS: Unter http://downloads.hanser.de inden Sie ein vollständiges
HTML5-Dokument, das die wichtigsten besprochenen Strukturelemente enthält
(kap3_3.html) . Ebenso gibt es dort eine Datei kap3_3_1.html , in der die
CSS-Datei strukturelemente.css eingebunden wird. Damit werden die Struktur-
elemente formatiert.
Die neu in HTML5 eingeführten Elemente sind für ältere und nicht voll kompatible Browser
natürlich unbekannt, mit allen Konsequenzen. Sie werden nach dem Prinzip der Fehlertole-
ranz ignoriert und der reine Inhalt wird innerhalb der enthaltenen Standardelemente wie
Absätze oder Überschriten dargestellt. Das ist im Grunde kein wirkliches Problem, denn
insbesondere die neuen Strukturelemente von HTML5 haben keinerlei optische Wirkung
und die eigentliche Bedeutung erhalten sie durch eine maschinelle Auswertung geeigneter
Programme wie etwa Suchmaschinen oder Lesegeräte für Sehbehinderte. Deren Kompatibi-
lität hängt nicht an dem eines Clientprogramms bei einem beliebigen Besucher.
Aber es kann dennoch sein, dass man etwa eine Fußzeile in einem Bereich der Webseite
optisch darstellen oder dynamisch darauf zugreifen möchte. Hier muss man nun selbst
etwas tun. Erst durch den Zugrif mittels Skripten oder aber die Formatierung mittels CSS
erhalten diese zunächst rein semantischen Strukturen bei Bedarf eine optische Wirkung.