XHTML 2
Eine kurze Einführung
Webmontag Frankfurt, 14.08.2006
Entwicklung von XHTML 2
Ziele:
- Weniger Präsentation, mehr Struktur
- Bessere Zugänglichkeit
- Bessere Internationalisierung
- Geräteunabhängiger
- Weniger Scripting
- Integration in das „semantische Web“
Abwärtskompatibilität
- …war in HTML nötig, weil neue Dokumente immernoch in alten Browsern funktionieren mussten.
- …wird in XHTML 2 dadurch erreicht, dass es vollständig auf XML aufbaut. Damit können 95% aller benutzten Browser vieles von XHTML 2 verstehen.
- XForms und XML Events müssen jedoch noch integriert werden
Hauptunterschiede zu XHTML 1
“XHTML 2 is designed to be recognizable to the HTML and XHTML 1 author, while correcting errors and insufficiencies identified in earlier versions of the HTML family, and taking the opportunity to make improvements.”
— XHTML 2: Introduction
Strukturelemente
Um Dokumente besser Strukturieren zu können gibt es folgende Elemente:
- Das
section-Element beschreibt einen Abschnitt in einem Dokument
- Mit dem
h-Element wird eine entsprechende Überschrift ausgezeichnet
- Das
hr-Element wird umbenannt und erhält den beschreibenden Namen separator
- Zeilenumbrüche werden nicht mehr durch
br-Elemente angezeigt, vielmehr werden alle einzelnen Zeilen in l-Elemente (line) eingeschlossen. Vorteile:
- Möglichkeit der Zeilennummerierung
- Abwechselnde Färbung von Zeilen
- Absätze können jetzt auch Listen und Tabellen enthalten
Navigationslisten und Dokumentbearbeitung
Das neue nl-Element für Navigationslisten wird eingeführt
- Ziel: Scripting zu vermindern
- Überspringen mit assistiver Technologie
Statt der ins- und del-Elemente gibt es jetzt ein Element-Attribut, das für alle Elemente gilt: edit:
edit="deleted": Zeigt gelöschte Elemente anedit="inserted": Zeigt eingfügte Elemente anedit="changed": Zeigt geänderte Elemente anedit="moved": Zeigt verschobene Elemente an
Bilder
Abkehr vom traditionellen img-Modell:
- Jedes Element kann ein Bild sein (durch das
src-Element referenziert)
- Seine Inhalte werden dann als Alternativtext behandelt
- Vorteile:
- Größere Gestaltungsmöglichkeiten des Alternativtextes
- Fallback-Optionen ähnlich denen des
object-Elements
- Ersetzung des nie benutzten
longdesc-Attributs
- Nachteil:
- Möglichkeit Texte durch Bilder zu ersetzen, die nichts mit dem Text zu tun haben („Suchmaschinenspam“)
Links/Verlinkung
- Abkehr vom traditionellen Verlinkungsmodell:
- Bis HTML 3: Nur
a-Elemente konnten Quelle und Ziel eines Links sein
- HTML 4 und XHTML 1: Jedes Element kann Ziel eines Links sein, Quelle jedoch immer
a-Element
- XHTML 2: Jedes Element kann Quelle und Ziel eines Links sein
- Jedes Element kann das
href-Element haben und dadurch zum Link werden
- Weniger Verschachtelungen
Beispiel
<nl>
<label>Seiten</label>
<li
href="index.html"
src="start.gif"
>Startseite</li>
<li
href="blog.html"
src="blog.gif"
>Blog</li>
<nl>