Darstellung des Dokuments in einem Browser - Formatierung
[Die hier dargestellten Methoden funktionieren im Internet Explorer Version
5.0+.]
Erste Ausgabe mit CSS (Cascading Style Sheets)
Im XML Dokument rufen wir das Stylesheet brief.css auf:
<?xml version='1.0' encoding="ISO-8859-1"?>
<?xml-stylesheet href="brief.css" type="text/css"?>
<brief>
<betreff>Dieser Test - Über XML</betreff>
<datum>2. Dezember 2000</datum>
<anrede>Sehr geehrte Damen und Herren</anrede>
<text>Dies ist ein Beispielbrief fuer unser erstes
XML-Beispiel</text>
<abschluss>MfG &name;</abschluss>
</brief> |
Dies ist ein wohlgeformtes XML Dokument (ohne DTD).
Das Stylesheet brief.css sieht so aus:
betreff
{
font-family: Arial; font-size: 12pt; color: blue;
}
datum
{
font-family: Arial; font-size: 12pt; color: blue;
}
anrede
{
font-family: Arial; font-size: 14pt; color: navy;
}
text
{
font-family: Arial; font-size:12pt; color: blue;
}
abschluss
{
font-family: Arial; font-size: 14pt; color: navy;
} |
Das resultierende Dokument kann man sich
hier im IE5 ansehen.
Es fällt sofort auf, dass die Elemente hintereinander ohne Zeilenumbruch
dargestellt werden. Das ist richtig, denn dem Browser wird nicht gesagt,
wo genau er die Elemente hinschreiben soll.
XSL - Die Stylesprache für XML und die Formatierung
für den Browser