Ein Problem, das bei der Rich Site-Zusammenfassung (RSS - oft auch als Real Simple Syndication bezeichnet) - auffällig ist, ist der Stil oder das Fehlen. Ohne Formatierung sind die in einem RSS-Feed enthaltenen Informationen nur Rohdaten. Es sieht ein bisschen aus wie ein Computerausdruck oder eine Textdatei. Es ist immer noch funktionsfähig und liefert alle Informationen, die ein Leser benötigt, um Inhalte zu konsumieren, aber es sieht fad aus.
Die Frage ist, ob Sie die Informationen zu Ihrer Website oder Ihrem Blog in einem Feed visuell ansprechend und attraktiv gestalten können. Die Antwort ist ja. Es gibt verschiedene Möglichkeiten, dies zu tun, aber die einfachste ist das Verknüpfen einer CSS-Datei mit Ihrem XML-Dokument.
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. Ich habe bereits über das Hinzufügen von CSS zu XML berichtet. Wenn Sie mit einer XML-Datei für einen RSS-Feed arbeiten, ist das Konzept dasselbe.
Wie man CSS-Styling zu RSS hinzufügt
CSS ist eine separate Datei, die einem Prozessor bestimmte Formatierungsanweisungen gibt. Der Prozessor betrachtet jede Zeile des XML-Dokuments nacheinander. Es beginnt mit der Deklaration. Dadurch wird die Sprache der Datei identifiziert und Informationen wie z. B. Version bereitgestellt.
Der Prozessor springt zur nächsten Zeile im Code. Beim Verknüpfen von CSS mit einer XML-Datei sollte diese Zeile als Zeiger auf die Formatierungsdatei dienen.
Wenn Sie diese Zeile in Ihre RSS-XML-Datei einfügen, teilen Sie dem Prozessor mit, dass es eine separate Datei mit Informationen gibt. In diesem Fall handelt es sich bei der Datei um ein Cascading Stylesheet. Der Prozessor kann diese Datei öffnen und lesen. Die fertige XML-Datei für einen RSS-Feed würde ungefähr so aussehen:
XML-Artikel von LifewireSpannende neue Angebote aus der Welt von XML und Lifewirehtts: //www.Go-Travels.com/xml-articles-example-url.htmlLebensdrahtHalten Sie sich mit Lifewire über alle Tipps und Tricks im Webdesign auf dem Laufendenhttps://www.Go-Travels.com/
Wie Sie die Informationen formatieren und formatieren, bleibt Ihnen überlassen. Verwenden Sie die Element-Tags in der XML-Datei für die CSS-Datei. Zum Beispiel: Artikel { Bildschirmsperre; Rand unten: 30pt; Rand links; 0;}