Markup Webdesign Journal

…und ihre praktische Bedeutung.

XHTML 2.0 als die zukünftige Version der XHTML-Familie wird einige (wichtige) Neuerungen mitbringen. Es wird versucht eine Auszeichnungssprache zu etablieren, die sich noch mehr auf die wesentlichen Funktionen konzentriert und neue, sinnvollere Elemente anbietet. XHTML ist die Auszeichnungssprache. Sie liefert Inhalte und Struktur und hat im Idealfall keinen direkten Einfluss auf die Gestaltung der Elemente. Der Quelltext einer Website enthält lediglich den Verweis auf Stylesheets, die diesen Part komplett übernehmen sollen. Ein sehr wichtiger Schritt in Richtung wirklich strikter Trennung von Inhalt/Struktur und Layout. Nur so wird man irgendwann das Ziel einer wirklichen Plattformunabhängigkeit erreichen können.

Dieser Artikel soll nicht diese neue Version komplett erläutern. Es wird außerdem noch einige Zeit dauern, bis an einen Einsatz von XHTML 2 ernsthaft zu denken ist. Trotzdem lohnt schon mal ein erster, etwas intensiverer Blick auf den Arbeitsentwurf. Sozusagen eine kleine Schnupper-Einführung, mit den mir bisher wichtigsten Neuerungen.

Hauptunterschiede und neue Elemente

Sektionen und Überschriften

Ein neues Element in XHTML 2.0 bilden die Sektionen (section). Sektionen zeichnen - wie dem Namen zu entnehmen ist - Bereiche aus. Was man vorher mit DIV umgesetzt hat, übernimmt ab Version 2 das neue section-Element. DIV werden natürlich weiter gebraucht, z.B. für den Aufbau der Website.

Überschriften in (X)HTML sind nichts neues. Neu ist die Art der Auszeichnung. Die Überschriftenränge entfallen, verwendet wird dann nur noch das h-Element, ohne Nummerierung. Eine Gewichtung der Überschriften ist so zunächst nicht möglich. Bedeutung gewinnt jetzt das Zusammenspiel zwischen Sektionen und Überschriften.

Dieses Zusammenspiel soll ein bisher bestehendes Problem lösen. Bisher konnte/musste man die Bedeutung oder die Wichtigkeit eines Abschnitts der Website mehr oder weniger über die verschiedenen Überschriftenebenen (1-6) steuern. Das funktionierte nur, wenn Überschriften richtig bzw. sinnvoll eingesetzt wurden und nicht für präsentative Zwecke missbraucht wurden. Die Kombination Sektion/Überschrift lässt es zu, ein (Web-) Dokument eindeutiger - damit auch sinnvoller - zu strukturieren. Das erreicht man durch eine Schachtelung der Elemente. Sektionen können andere Sektionen enthalten. Je tiefer diese Schachtelung, desto niedriger das Gewicht der entsprechenden Überschrift und somit der Sektion. Beispiel:

<h>Hauptüberschrift (vergleichbar mit h1)</h>
<section>
  <h>2. Ebene (vgl. h2)</h>
  <p>Ein Text</p>
    <section>
      <h>3. Ebene (vgl. h3)</h>
      <p>Noch ein Text</p>
    </section>
</section>

Separatoren

Bisher nutzt man das hr-Element, um Textabschnitte zu trennen. Dieses Element wird in XHTML 2 Separator genannt. Ziel ist es, diesem Mittel der Texteinteilung strukturell mehr Bedeutung beizumessen um ihm so mehr Sinn und Zugänglichkeit zu geben. Erstens, weil Textseparatoren nicht zwangsläufig horizontale Linien sein müssen (so ist es bisher mit hr) und zweitens, weil man den Webautoren so die Möglichkeit gibt, andere Elemente zu verwenden, wie man sie etwa aus dem Printbereich kennt. Also z.B. Sternchen, Punkte oder andere Elemente.

Textabsätze

Textabsätze (<p>) sollen in Zukunft auch andere, ausgewählte Blocklevel-Elemente enthalten dürfen. So z.B. Listen und Tabellen. Das soll näher an der eigentlichen Funktion eines Absatzes stehen. So kann dann ein Textabsatz eine kleine (etwa per CSS gefloatete) Datentabelle enthalten, um die der Text läuft. Die Syntax von HTML und XHTML hat das bisher nicht erlaubt.

Navigationslisten

Dass es sinnvoll ist, Listen für die Navigation einer Website einzusetzen, ist vielen bereits bekannt. Navigationslinks sind mehr oder weniger eine Auflistung verschiedener Zielbereiche einer Website. Also verwendet man eine Liste, um ein Menü auszuzeichnen und gestaltet es anschließend mit CSS. Um diesem Umstand noch besser Rechnung tragen zu können und die eigentlichen Listen wieder zu entlasten, vergibt man für diesen Zweck dieses neue Element nl. Damit wird eine entsprechende Liste eindeutig als Navigationselement ausgezeichnet. Den Benutzern von Hilfsmitteln wie Screenreader beispielsweise, soll so das Überspringen solcher Menüs erleichtert werden.

Weitere Neuerungen

Hier noch eine kleine Liste weiterer Neuerungen bei XHTML 2. Es handelt sich dabei um Links direkt zur Spezifikation des W3C.

• mehr Links
• role-Attribut
• XForms

Ziele von XHTML 2

Die Zukunftsvision dieses Arbeitsentwurfs zur zweiten Auflage von XHTML betsteht darin, noch mehr aus dem Potential des Internets heraus zu holen. Ob transitional oder strict, XHTML 1 muss als die Version des Übergangs gesehen werden - auch weil sie meist als text/html verwendet wird. Sie führt Webdesigner und Entwickler wieder näher an das Thema Semantik heran. Semantik ist unverzichtbar, wenn es darum geht, Websites für alle zugänglich zu halten und Informationen effizient verarbeiten und austauschen zu können. Dieser Lernprozess wird noch eine Weile andauern - müssen - auch weil man bei aller Euphorie die Fleißarbeit vergessen hat. Erst dann, wird es auch Sinn machen, XHTML 2 einzusetzen. Wenn es mal soweit ist, sind das weitere Verbesserungen:

• mehr Struktur
• mehr Sinn
• mehr Zugänglichkeit
• mehr Benutzerfreundlichkeit
• echte Plattformunabhängigkeit
• noch schlankere Dokumente
• noch schnellere Dokumente

Eine ganz schöne Liste von Verbesserungen. Die aber nur dann zu erreichen sind, wenn diesmal von Anfang an mehr Dinge richtig gemacht werden. Diese Punkte werden vielen wahrscheinlich bekannt vorkommen. Das sind Vorteile von klarer Trennung von Inhalt/Struktur und Layout sowie sauberem Quelltext. Mit XHTML 2 möchte man diese noch weiter ausbauen.

Links zum Thema

• Arbeitsentwurf XHTML 2 vom 27. Mai 2005
• XHTML2: Accessible, Usable, Device Independent and Semantic