Logo Logo
InfoHome Themen Projekte Links Software
Themen
JavaHamster
BlueJ
Java
HTML
XHTML
Die Websprache
Hypertext
Bausteine
Online gehen
Seriöses HTML
HTML mit XML
Erste Schritte mit CSS
Schriften und Farben
Das Boxmodell
Aufgaben
CSS
XML
Datenbanken
MySQL
Theoretische Informatik
PHP
Kara
Lego-Roboter
Algorithmen

Was ist XML?

XML steht für eXtensible Markup Language, zu deutsch: "Erweiterbare Auszeichnungssprache".

In HTML sind die Elemente, mit denen ausgezeichnet wird, festgelegt. Außerdem hat jedes Element bereits seine vordefinierte Wirkungsweise: Ein Textabschnitt, der mit einem <p>-Element ausgezeichnet ist, wird zum Beispiel als Absatz dargestellt und mit zusätzlichem Abstand nach oben und unten versehen.

In XML gibt es keine vordefinierten Elemente. Man erfindet einfach seine eigenen Elemente und erschafft seine eigene, auf einen bestimmten Anwendungsfall zugeschnittene Auszeichnungessprache. Ein XML-Dokument könnte zum Beispiel so aussehen:

<rezept xmlns="http://www.rezeptnetzwerk.com/rezepte" lang="de" xml:lang="de">
  <name>KopfüBar-Eistee</name>
  <beschreibung>
    Ein munterer Eistee mit Kick. Wir servieren ihn den ganzen Tag über.
  </beschreibung>
  <zutaten>
    <zutat menge="6 Tassen">Wasser</zutat>
    <zutat menge="2 Beutel">Schwarztee</zutat>
    <zutat menge="2 Beutel">Earl-Grey-Tee</zutat>
    <zutat menge="6 Beutel">Eis</zutat>
  </zutaten>
  <zubereitung>
    <zeit dauer="10 Minuten" />
    <schritt>
      Kochen Sie eine Tasse Wasser in einem Topf,
      nehmen Sie den Topf vom Herd und lassen Sie den
      Tee fünf Minuten ziehen.
    </schritt>
    <schritt>
      Geben Sie das Eis in eine Karaffe, fügen Sie den Tee hinzu
      sowie 5 Tassen kaltes Wasser.
    </schritt>
    <schritt>
      Gut mischen und servieren. Sie können den Tee
      vor dem Servieren in einem Shaker schütteln, wenn Sie möchten.
    </schritt>
  </zubereitung>
</rezept>

Anmerkungen:

  • Das Wurzelelement heisst hier nicht <html> sondern <rezept>, da es sich um die XML-Datei für ein Rezept handelt. Es gibt außerdem zusätzliche Attribute im Wurzelelement!
  • Schon an den Elementnamen lässt sich erkennen, was in dieser Datei gespeichert ist.
  • Das leere <zeit>-Element  sieht ungewöhnlich aus!
  • Abgesehen von den Elementnamen werden Elemente genauso wie in HTML verwendet (Start-Tag, End-Tag, usw.).

XML ermöglicht es, eigene Auszeichnungssprache zu erfinden und mit Hilfe dieser Daten strukturiert zu speichern. Es geht bei XML also ausschließlich um die Datenstruktur. Die Darstellung wird zunächst ganz außer Acht gelassen. Man kann in XML zwar seine eigenen Elemente erfinden, muss sich aber innerhalb des XML-Dokuments an eine bestimmte Syntax halten, die noch ein bißchen strenger als die Strict-Variante von HTML 4.01 ist..

Was ist XHTML?

XHTML ist HTML nach Spielregeln, wie sie für XML gelten. Bevor wir auf die Vorzüge von XHTML gegenüber gewöhnlichem HTML eingehen, hier ein Beispiel für ein XHTML-Dokument:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>KopfüBar</title>
</head>
<body>
<h1>Willkommen in der neuen und verbesserten KopfüBar</h1>
<p>
<img src="bilder/getraenke.gif" alt="Getränke" />
</p>
<p>
Kommen Sie einfach mal vorbei. Bei uns finden Sie jeden Abend erfrischende
<a href="getraenke/elixir.html">Elixire</a>,
Unterhaltung, und vielleicht interessiert Sie auch die eine oder andere Runde
<em>Dance, Dance, Revolution</em>. Wireless-Zugang ist jederzeit verfügbar,
aber BSIEWSM (Bringen Sie Ihren eigenen Webserver mit).
</p>
<h2>Wegweiser</h2>
<p>
Sie finden uns unmittelbar im Zentrum der Altstadt von Webville.
Falls Sie Probleme haben uns zu finden, werfen
Sie einen Blick auf unsere
<a href="info/wegbeschreibung.html">Wegbeschreibung</a>.
Kommen Sie mal vorbei!
</p>
</body>
</html>

Es hat sich nicht viel geändert im Vergleich zur HTML 4.01 Strict Version:

  • Oben steht nun die Dokumenttypanweisung für XHTML 1.0 Strict.
  • Das xmlns-Attribut im <html>-Element ist ergänzt worden. Das Attribut steht für "XML-Namespace" und gibt an, zu welcher Sprache das <html>-Element gehört. Alle anderen Elemente innerhalb des <html>-Elements "erben" diese Eigenschaft und gehören somit demselben Namensraum an.
  • Schließlich sind alle leeren Elemente (hier das <meta>- und das <img>-Element) mit " />" geschlossen worden statt einfach mit ">".

Warum XHTML verwenden?

  • Durch die strenge Syntax von XHTML können akustische Bildschirm-Lesegeräte und andere Browser für Sehbehinderte Webinhalte besser verarbeiten.
  • Ich bin gerne auf dem Laufenden bei den neusten Trends und Technologien. XHTML ist die Zukunft und beinahe genau wie HTML, warum sollte ich mich da nicht für die bessere Technologie entscheiden?
  • Mit XHTML rüste ich meine Webseiten für die Zukunft, so dass ich die neusten und besten Weiterentwicklungen für Browser nutzen kann. Außerdem funktionieren meine Seiten dadurch besser auf mobilen Geräten und auf einer Vielzahl von Browsern.
  • Im Gegensatz zu HTML kann XHTML mit neuem Markup erweitert werden. So gibt es beispielsweise schon Erweiterungen für Vektorgrafiken und mathematische Formeln.
  • XHTML ist die bevorzugte Sprache für Browser auf Handys und anderen mobilen Endgeräten. Mit XHTML haben wir außerdem künftig die Möglichkeit zu entscheiden, welche Teile der Sprache wir im jeweiligen mobilen Gerät unterstützen wollen.
  • XHTML kann von unseren vorhandenen Anwendungen gelesen werden, die bereits XML verarbeiten können.
  • Es gibt bereits eine Menge von Daten und Informationen in XML. Außerdem lässt sich XML wesentlich leichter in XHTML transformieren als in HTML. Mit XHTML können wir also diese ganzen Informationen im Web viel leichter verarbeiten.
  • XHTML verbindet die Vorteile von XML (mit dem sich große, strukturierte Dokumentsammlungen hervorragend speichern lassen) mit den Vorteilen von HTML, so dass man z.B. CSS für die Darstellung verwenden kann.

Die XHTML 1.0 Checkliste

  1. Ändern Sie ihren DOCTYPE in "Strict XHTML" (oder in "Transitional XHTML", wenn Sie noch "Transitional HTML" schreiben).
  2. Fügen Sie die Attribute xmlns, lang und xml:lang ind das öffnende <html>-Tag ein.
  3. Das <html>-Tag muss direkt hinter dem DOCTYPE stehen und das schließende </html>-Tag muss das letzte Tag im Dokument sein.
  4. Alle Elementnamen müssen in Kleinbuchstaben geschrieben werden.
  5. Alle Start-Tags müssen auch entsprechend geschlossen werden. Leere Elemente müssen mit einem Leerzeichen und "/>" geschlossen werden.
  6. Alle Attributwerte müssen in doppelten Anführungszeichen stehen und auch tatsächlich einen Wert enthalten.
  7. Verwenden Sie in Ihren Inhalten nicht das Zeichen &. Mit & beginnen Zeichenentitäten, verwenden Sie stattdessen &amp;. Ersetzen Sie auch alle anderen Sonderzeichen durch die entsprechenden Zeichenentitäten.

Diese Checkliste geht davon aus, dass bereits gültiges HTML 4.01 Strict vorliegt!

» drucken: pdf | html

© 2004-2024 M. Blanke · Ursulaschule · Kleine Domsfreiheit 11-18 · 49074 Osnabrück