Ein Problem, das bei Rich Site Summary (RSS – oft bekannt als Real Simple Syndication) ist Stil oder das Fehlen davon. Ohne Formatierung sind die in einem RSS-Feed präsentierten Informationen nichts anderes als Rohdaten. Es sieht ein wenig aus wie ein Computerausdruck oder eine Textdatei. Es ist immer noch funktionsfähig und bietet alle Informationen, die ein Leser benötigt, um Inhalte zu konsumieren, aber es sieht langweilig aus.
Die Frage ist, können Sie die Informationen über Ihre Website oder? Blog auf einem Feed optisch ansprechend und attraktiv? Die Antwort ist ja. Dazu gibt es mehrere Möglichkeiten, aber die einfachste ist, eine CSS-Datei mit Ihrem XML-Dokument zu verknüpfen.
Was ist CSS?
Cascading Style Sheets (CSS) sind eine Möglichkeit, ein Dokument zu formatieren. Der Vorteil von CSS besteht darin, dass es die Präsentationsanweisungen für eine Seite übernimmt und diese segmentiert. Dies bedeutet, dass eine CSS-Seite tatsächlich für mehrere Dokumente oder Webseiten funktionieren kann. Wir haben eine separate Anleitung für
CSS zu XML hinzufügen. Wenn Sie mit einer XML-Datei für einen RSS-Feed arbeiten, ist das Konzept dasselbe.So fügen Sie CSS-Styling zu RSS hinzu
CSS ist eine separate Datei, die einem Prozessor spezifische Formatierungsanweisungen gibt. Der Prozessor betrachtet jede Zeile im XML-Dokument nacheinander. Es beginnt mit der Deklarationserklärung. Dadurch wird die Sprache der Datei identifiziert und Informationen, wie z. B. die Version, bereitgestellt.
Der Prozessor bewegt sich nach unten zur nächsten Zeile im Code. Beim Verknüpfen von CSS mit einer XML-Datei sollte diese Zeile als Zeiger auf die Formatierungsdatei dienen.
Indem Sie die obige Zeile in Ihre RSS-XML Datei, teilen Sie dem Prozessor mit, dass es eine separate Datei mit Informationen gibt. In diesem Fall ist die Datei ein Cascading Stylesheet. Der Prozessor weiß, dass er diese Datei öffnen und lesen muss. Die fertige XML-Datei für einen RSS-Feed würde in etwa so aussehen:
XML-Artikel von Lifewire
Spannende neue Angebote aus der Welt von XML und Lifewire
htts://www.lifewire.com/xml-articles-example-url.html
Lebensdraht
Bleiben Sie mit Lifewire über alle Tipps und Tricks im Webdesign auf dem Laufenden
https://www.lifewire.com/
Wie Sie die Informationen formatieren und gestalten, bleibt Ihnen überlassen. Verwenden Sie die Element-Tags im XML für die CSS-Datei. Beispielsweise:
Artikel {
Bildschirmsperre;
Rand-unten: 30pt;
Rand-links; 0;
}