XHTML fr die Bibliotheksarbeit2006

Diese Datei ist unter einer Creative Commons Lizenz verffentlicht.

Die Details finden Sie hier: http://creativecommons.org/licenses/by-nc-nd/3.0/de/Sollten Sie Fragen zu dieser Lizenz oder zur korrekten Verwendung des Dokuments haben, senden Sie bitte eine E-Mail an kontakt@edaktik.de

XHTML fr die Bibliotheksarbeit:
Vorteile von XHTML

Trennung von Struktur/Inhalt und Formatierung = komfortablere Pflege

Schlankerer Code = Krzere Ladezeiten

Mehr Inhalt = Suchmaschinenoptimierung

Logische Struktur = Barrierefreiheit einfacher realisierbar

Flexibler Code = Optimierung fr verschiedene Ausgabegerte

XML = Zukunft des Dokumentenaustauschs (MathML, SVG, XForms etc.)

XHTML fr die Bibliotheksarbeit:
Nachteile von XHTML

Browserkompatibilitt mit lteren Browsern fehlt (Netscape 4, Internet Explorer 5.x, Opera 5, iCab u.a.)

Es gibt immer wieder Schwierigkeiten mit dem Internet Explorer 6.x (falsche Code-Interpretation, xml-Deklaration, Quirksmode usw.)

Manche ntzliche Methoden aus HTML entfallen (z.B. document.write(), a target)

XHTML fr die Bibliotheksarbeit:
Regeln fr HTML und XHTML, 1

Jedes Steuerzeichen (tag) steht immer in spitzen Klammern.

Jedes Steuerzeichen muss geschlossen werden.
berschrift 1. Ordnung
Textabschnitt

Tags knnen verschachtelt werden. Beim Beenden der Steuerzeichen mssen die Tags exakt gespiegelt werden!
berschrift 4. Ordnung, kursiv

Folgende Regeln zur Verschachtelung gelten fr XHTML:a-Elemente drfen keine weiteren a-Elemente enthalten

pre-Elemente drfen keine Elemente img, object, big, small, sub oder sup enthalten

button-Elemente drfen keine Elemente input, select, textarea, label, button, form, fieldset, iframe oder isindex enthalten

label-Elemente drfen keine weiteren label-Elemente enthalten

form-Elemente drfen keine weiteren form-Elemente enthalten

XHTML fr die Bibliotheksarbeit:
Regeln fr HTML und XHTML, 2

Manche Steuerzeichen knnen zustzliche Attribute enthalten.
berschrift 4. Ordnung, zentriert

Keine Leerzeichen in den Tags!
Ausnahmen: vor Attributen (genau 1 Leerzeichen);

vor abschliessendem Slash in leeren Tags (genau 1 Leerzeichen).

Fr Umlaute und andere Sonderzeichen gibt es spezielle Tags. Beispiele:
=
=
=
=

(Fortsetzung)

XHTML fr die Bibliotheksarbeit:
Regeln fr XHTML

Tags ohne End-Tag (sog. "leere" Tags) werden mit einem Slash abgeschlossen.
Das gilt fr folgende Steuerzeichen:

Andere Angaben in der Doctype-Definition sowie im -Tag als fr HTML-Dateien.

Attribute bekommen immer einen Wert zugewiesen.
In HTML war dies mglich:

In XHTML mu das so aussehen:

Alle Tags mssen kleingeschrieben werden!

XHTML fr die Bibliotheksarbeit:
Wohlgeformtes XHTML, 1

Strikte Beachtung der HTML- und XHTML-Regeln (s. vorherige Seiten)

In XHTML muss jedes Element semantisch markiert sein:

HTML 4.01: Text steht hier direkt im Body-Bereich.
XHTML 1.0: Text steht in einem paragraph-Container.
Hier steht der Text in einem span-Container.
berschriften......werden wie bisher markiert.

Jedes Tag muss geschlossen werden.

HTML 4.01:
XHTML 1.0:

(Weitere Steuerzeichen s. vorherige Seite.)

Tags mssen KLEIN geschrieben werden.
HTML 4.01: berschrift
XHTML 1.0: berschrift

XHTML ist eine Vorstufe zu XML. Damit Webseiten spter in XML bertragbar sind, muss das XHTML wohlgeformt sein. Das bedeutet:

XHTML fr die Bibliotheksarbeit:
Wohlgeformtes XHTML, 2

Keine Kurzschreibweise von Attributen in XHTML.
HTML 4.01:
XHTML 1.0:

Bestimmte Attribute sind nun Pflichtattribute, mssen also immer angegeben werden.
Das gilt z.B. fr folgendes Tag und sein Attribut (tag / attribut):

img / alt:
table / summary:
style / type:
script / type:
a / title:

(Fortsetzung)

XHTML fr die Bibliotheksarbeit:
Doctypedefinition XHTML

XHTML 1.0 Strict + URI

XHTML 1.0 Transitional + URI

XHTML 1.0 Frameset + URI

XHTML erfordert andere Dokumententypdefinitionen als HTML:

XHTML fr die Bibliotheksarbeit:
Grundgerst einer XHTML-Datei

Dies ist eine berschrift erster OrdnungHier steht Text in einem paragraph, also einem Textabsatz.

XHTML fr die Bibliotheksarbeit:
Integration von Skripten

HTML 4.01:

XHTML 1.0:

XHTML fr die Bibliotheksarbeit:
Cascading Style Sheets
Vorteile und Nachteile

Vorteile:

Formatierung/Layout zentral steuern

Optimierung des HTML-/XHTML-Codes

Mehr Mglichkeiten als mit HTML-Formatierungszeichen

Nachteile:

Nicht von allen Browsern interpretierbar (ltere Agenten)

Interpretationsfehler verschiedener Browser (IE 5.x, IE 6, iCab, NN4, Opera mobile u.a.)

XHTML fr die Bibliotheksarbeit:
Cascading Style Sheets
Integration mit (X)HTML, 1

Im (X)HTML-DokumentIm Steuerzeichen:
Textabschnitt...

Im Dateikopf:

XHTML fr die Bibliotheksarbeit:
Cascading Style Sheets
Integration mit (X)HTML, 2

In separater CSS-Dateiz.B. stylesheet.css
p {color:#ff3366;background-color:#777; font-weight:bold;}

dazu die mglichen Notierungen im Kopf der (X)HTML-Datei:HTML-Syntax:

CSS-Syntax:

(Fortsetzung)

XHTML fr die Bibliotheksarbeit:
Metatags

Alle Metatags mssen geschlossen werden:
HTML:
XHTML:

Metatag content-type:
HTML:
XHTML:

Klicken Sie, um das Format des Titeltextes zu bearbeiten

Klicken Sie, um die Formate des Gliederungstextes zu bearbeitenZweite GliederungsebeneDritte Gliederungsebene

Xhtml-coding edaktik.de, xhtml-akademie.de