Download - Xhtml Coding (nicht nur für Bibliotheken)
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 [email protected]
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