So zeigen Sie XML auf einer Webseite mit CSS an

click fraud protection

Wenn Sie wissen, wie CSS Stile HTML Seiten werden Sie das Konzept der Formatierung zu schätzen wissen. Zu Beginn des XML Markup-Sprache war die Anzeige von Daten etwas kompliziert, aber das änderte sich mit Stylesheets.

Durch Hinzufügen einer Stylesheet-Referenz können Sie Ihren XML-Code als Webseite formatieren und anzeigen. Ohne CSS oder eine andere Formatierung wird XML als einfacher Text mit einem Fehler angezeigt, der besagt, dass der Browser kein Formatierungsdokument finden konnte.

XML-Styling

Ein einfaches Stylesheet erfordert nur, dass Sie das Element und die Formatierungsattribute auflisten, die zum Anzeigen der Daten erforderlich sind.

Die erste Zeile der Formatierungsdatei ist das Wurzelelement. Die Attribute für den Stamm gelten für die gesamte Seite, Sie ändern sie jedoch für jedes Tag. Dies bedeutet, dass Sie die Hintergrundfarbe für die Seite und dann für jeden Abschnitt festlegen können.

Speichern Sie Ihre Datei im selben Verzeichnis wie Ihre XML-Datei und stellen Sie sicher, dass sie die Dateierweiterung .CSS hat.

instagram viewer

Link zum CSS aus dem XML

An dieser Stelle sind dies zwei völlig separate Dokumente. Der Prozessor hat keine Ahnung, dass er zusammenarbeiten soll eine Webseite erstellen.

Sie können dies beheben, indem Sie oben im XML-Dokument eine Anweisung hinzufügen, die den Pfad zur CSS-Datei identifiziert. Die Anweisung steht direkt unter der ursprünglichen XML-Deklarationsanweisung.

instagram story viewer