XHTML am Beispiel auf einem Portal für Autos
Angefangen hat es 1986 mit der als ISO 8879 standardisierten Meta-Sprache SGML (Standard Generalized Markup Language ). Xhmtl ist so, wie auch SGML, oder auch xml eine textbasierende Auszeichnungssprache zur Strukturierung von Inhalten wie Texten, Bildern, sowie auch Hyperlinks.
Diese Standardsprachen werden auch vom w3c Konsortium empfohlen.
Das w3c (World Wide Web) Consortium ist das Gremium zur Standardisierung von Techniken, die das World Wide Web betreffen. World Wide Web, wesentlich besser bekannt mit der Abkürzung www. Dieses Gremium wurde 1994 gegründet. Obwohl sich Internet-Browser-Hersteller, wie zum Beispiel Mozilla-Firefox nach den Standrichtlinien des W3c richten, ist das W3c Consortium keine anerkannte zwischenstaatliche Organisation und offiziell nicht berechtigt, um zum Beispiel ISO-Normen festzulegen. Dies aber nur mal am Rande bemerkt.
Diese Sprachen werden verwendet, damit Internetseiten, also Webseiten im Internet für Internetnutzer, offiziell lesbar sind. Vorteilhaft ist auch, dass jede Xml-Standardsprache, jederzeit in Texten zusammen eingebunden werden können. Eine direkt saubere Arbeit ist es zwar nicht, aber manchmal dennoch von Vorteil.
Damit eine gewisse Form und Optik, also eine saubere ordentliche Darstellung dieser Texte dargestellt werden kann, werden Teile dieser Texte auch von sogenannten “Tags” umschlossen.
Tags sind dafür zuständig um bestimmte Bedingungen zu erfüllen.
Es gibt verschiedene Formen von Tags. Die Formen von Tags sind abhängig von der Auszeichnungssprache zu definieren.
Hier einmal ein paar Beispiele, die den Unterschied zwischen Html und Xhtml darstellen.
Bei dem Attribut checked in Html = <input type=”radio” checked>
Das Beispiel in Xhtml dargestellt = <input type=”radio” checked=”checked” />
Unterschied bei Html und Xhtml, bei Zeilenumbruch
Bei Html spielt es keine Rolle oder das Attribut groß, oder kleingeschrieben wird.
Html = <br>, <Br> oder <BR>
Bei Xhtml wird der Zeilenumbruch immer klein geschrieben, wie in diesem Beispiel.
<br />
Hier ein Beispiel einer der Definition einer Verlinkung zu einer Css-Datei.
<link rel=”stylesheet” href=”http://www.autos-gebrauchtwagen.co.za/custom.css” type=”text/css” media=”screen” />
Hier ist erkennbar, dass am Ende der Link mit einem “/” in sich selbst geschlossen wird.
Übrigens, dass Start-TAG der Wurzel-Elements-Html muss immer mit der Namensraum-Angabe für Xhtml versehen sein.
Beispiel:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” http://www.w3.org/TR/html4//strict.dtd”>
Oder auch wie beim Beispiel der Webseite http://www.autos-gebrauchtwagen.co.za
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
So auch bei den Webseiten www.autos-gebrauchtwagen.com und www.carstart.de
Dies sind Webseiten, die Xhtml basierend erstellt wurden.
Also alle Tags oder auch Attribute bedürfen keinen extra abgeschlossenen Tags. Dies ist besonders günstig, bei einer hohen Zahl von verarbeitenden Texten.
Xhtml ist auch für Bildbefehl [IMG] anwendbar.
Beispiel:
<img src=”Bildname.gif” />
So würde der Bildbefehl in Html aussehen.
Beispiel:
<img src=”Bildname.gif”></img>
Allerdings zeigt sich bei dem Html Beispiel wiederum, dass sich manche Internet-Browser tolerant zeigen und auf den geschlossenen </img> Befehl auch verzichten können und das Bild dennoch korrekt anzeigen.
Zusammenfassend ist die Textbearbeitung mit Xhtml bei hoher Textbearbeitung also vorteilhafter, da wie schon erwähnt, die Tags/Elemente nicht separat geschlossen werden müssen, sondern am Ende nur mit “/>” beendet werden müssen.