So gestalten Sie XML-Dokumente mit CSS

click fraud protection

Das Erstellen eines XML-Dokuments, das Schreiben der DTD und das Parsen mit einem Browser ist in Ordnung, aber wie wird das Dokument angezeigt, wenn Sie es anzeigen? XML ist keine Präsentationssprache. Mit XML geschriebene Dokumente haben überhaupt keine Formatierung.

So zeigen Sie XML an

Der Schlüssel zum Anzeigen von XML in einem Browser sind Cascading Style Sheets. Mit Stylesheets können Sie jeden Aspekt Ihres XML-Dokuments definieren, von der Größe und Farbe Ihres Textes bis hin zum Hintergrund und der Position Ihrer Nicht-Text-Objekte.

Angenommen, Sie haben ein XML-Dokument:


]>
Judy
Layard
Jennifer
Brendan

Wenn Sie dieses Dokument in einem XML-fähigen Browser wie Internet Explorer anzeigen würden, würde es ungefähr so ​​​​aussehen:

Judy Layard Jennifer Brendan

Aber was wäre, wenn Sie zwischen den übergeordneten und untergeordneten Elementen unterscheiden wollten? Oder machen Sie sogar eine visuelle Unterscheidung zwischen allen Elementen im Dokument. Mit XML ist das nicht möglich, und es ist keine Sprache, die für die Anzeige gedacht ist.

instagram viewer

XML formatieren

Aber zum Glück ist es einfach zu bedienen Cascading Style Sheets, oder CSS, in XML-Dokumenten, um zu definieren, wie diese Dokumente und Anwendungen bei der Anzeige in einem Browser angezeigt werden sollen. Für das obige Dokument können Sie den Stil jedes der Tags auf die gleiche Weise wie bei einem HTML-Dokument definieren.

In HTML möchten Sie beispielsweise den gesamten Text innerhalb von Absatz-Tags (

p {
Schriftfamilie: Verdana, Genf, Helvetica;
Hintergrundfarbe: #00ff00;
}

Dieselben Regeln gelten für XML-Dokumente. Jedes XML-Tag kann im XML-Dokument definiert werden:

Familie {
Farbe: #000000;
}
Elternteil {
Schriftfamilie: Arial Black;
Farbe: #ff0000;
Rahmen: solide 5px;
Breite: 300px;
}
Kind {
Schriftfamilie: verdana, helvetica;
Farbe: #cc0000;
Rahmen: solide 5px;
Rahmenfarbe: #cc0000;
}

Sobald Sie Ihr XML-Dokument haben und Ihr Stylesheet geschrieben ist, müssen Sie sie zusammenstellen. Ähnlich wie beim Link-Befehl in HTML fügen Sie am Anfang Ihres XML-Dokuments (unter der XML-Deklaration) eine Zeile ein, die dem XML-Parser mitteilt, wo das Stylesheet zu finden ist. Beispielsweise:


Wie oben erwähnt, sollte diese Zeile unter der Deklaration, aber vor allen Elementen im XML-Dokument stehen.

Alles zusammen würde Ihr XML-Dokument lauten:


]>
Judy
Layard
Jennifer
Brendan
instagram story viewer