Web Markup-Sprachen… was ist was?

XHTML 1.0, XHTML 2, HTML 4, HTML 5 und XHTML 5. Die Liste der möglichen Markup-Sprachen, die wir verwenden können um Websites zu coden ist verwirrend lang. Darum hier ein Versuch, mit einfachen Worten etwas Ordnung zu schaffen (ohne zu sehr ins Detail zu gehen)…

HTML 4
HTML 4 ist, was viele von uns in alter Zeit gelernt haben, zum Beispiel mittels der SelfHTML-Dokumentation. Ab HTML 4 konnte vernünftig mit CSS gearbeitet werden, da neu die

id

,

class

und

style

-Attribute standen.

XHTML 1.0
XHTML 1.x basiert auf HTML 4, verwendet aber eine XML-Syntax und ist strikter. Einige Merkmale:

  • Kleinschreibung von Tags:
    <h1>

    statt

    <H1>
  • Tags sind immer geschlossen: <br /> statt <br>
  • Attribute immer in Anführungszeichen und stets mit Name:
    &lt;input type="radio" checked="checked" /&gt;

    statt 

    &lt;input type=radio checked&gt;
  • Ab XHTML 1.1 ist Angabe von Mime-Type erforderlich:
    &lt;?xml version="1.0" encoding="UTF-8" ?&gt;

XHTML 2.0
XHTML 2.0 ist nicht als Nachfolger von XHTML 1.0 gedacht. Es war viel mehr ein Versuch für einen Neustart, ohne Rücksicht auf Rückwärts-Kompatibilität. Sämtliche Tags, welche zu Darstellungszwecken dienten (wie z.B.

&lt;font&gt;

) wurden abgeschafft. Neue Tags, wie z.B.

&lt;nl&gt;

für Navigationslisten wurden eingeführt. Und jedes Element konnte Linkfunktionalität annehmen, ein

&lt;a&gt;

-Tag war nicht nötig. Aber wie auch immer… XHTML 2.0 ist bereits tot! Das W3C hat die Arbeit daran eingestellt zu Gunsten von HTML 5!

HTML 5
HTML 5 ist somit die Markup-Sprache der Zukunft. Auch HTML 5 verzichtet auf Tags, welche zur Darstellung genutzt werden. Neue Tags wie

&lt;audio&gt;

,

&lt;video&gt;

,

&lt;canvas&gt;

,

&lt;time&gt;

und andere wurden eingeführt. Javascript-Funktionalitäten zur Lokalisierung, für Drag&Drop etc. wurden eingeführt. HTML 5 ist rückwärtskompatibel und kann von Browsern, welche HTML 4 verstehen interpretiert werden, wobei jedoch nicht alle neuen Features unterstützt werden. Ich werde in einem späteren Post genauer auf die Eigenheiten von HTML 5 eingehen.

XHTML 5
Und was ist denn nun XHTML 5? Nun, eigentlich ist es wie HTML 5, aber wiederum strikter – und es werden nicht ganz alle Tags von HTML 5 unterstützt. Während in HTML 5 die Nutzung von Anführungszeichen bei Attributen freiwillig ist, Tags in Gross- oder Kleinbuchstaben geschrieben werden können, nicht alle Tags geschlossen werden müssen, gibt es bei XHTML 5 konkrete Regeln dafür.

Was nun?
Welche Markup-Sprache soll den nun verwendet werden? Schönerweise kann jedes valide XHTML 1.1-Dokument mit Auswechslung des Doctypes zu

&lt;!DOCTYPE html&gt;

zu einem validen HTML5-Dokument umformatiert werden.
Daher… Verwendung von XHTML 1.1 oder HTML 5 ist heutzutage absolut in Ordnung. WIchtig ist, dass man sich bewusst ist, in welcher Version man schreibt. Und immer schön validieren, gell… (ne, gar nicht versuchen, dieses Blog validiert überhaupt nicht).

Komplexes Thema. Korrekturen, Inputs und Ergänzungen gerne in den Kommentaren.

Gefällt dir dieser Beitrag?


12.10.2009 · Developement, Web

Kommentare

3 Responses to “Web Markup-Sprachen… was ist was?”

  1. Andreas Von Gunten on Oktober 12th, 2009 21:04

    hehe, ich habe schon vor HTML4, also noch vor Deinen alten Zeiten aufgehört mitzumachen :-) Ich habe noch mit Tabellen formatiert und andere bösen Sachen gemacht und muss heute noch jedes CSS Statement nachschauen, wenn ich mal wirklich in die Tiefen des Codes eingreifen muss. Danke für die Zusammenstellung, du hast mich kurz und kanpp up2date gebracht ;-)

  2. sprain on Oktober 12th, 2009 21:40

    @AndreaS
    … und ich hatte schon Angst, dass die “Jungen”, die hier lesen, gar nicht mehr wissen, was SelfHTML ist :)
    Mit Tabellen gestaltet habe ich auch noch, aus reinem Unwissen jedoch :) Freut mich, dass es dir gefallen hat.

  3. Matthias on Oktober 13th, 2009 08:56

    Neumodisches Zeugs! HTML 3.2 r00lz!!

Kommentar abgeben