RSS formázása: Stílus hozzáadása egy hírcsatornához

Az egyik probléma, amely a Rich Site Summary (RSS - gyakran Real Simple Syndication néven ismert) a stílus vagy annak hiánya. Minden formázás nélkül az RSS-hírcsatornán bemutatott információ nem más, mint nyers adat. Kicsit úgy néz ki, mint egy számítógépes nyomtatás vagy szöveges fájl. Ez továbbra is működőképes, és minden olyan információt megad, amelyre az olvasónak szüksége van a tartalom elfogyasztásához, de nem tűnik kitűnőnek.

A kérdés az, hogy meg tudja-e adni az információkat a webhelyéről vagy blog takarmányon vizuálisan kellemes és vonzó? A válasz igen. Ennek számos módja van, de a legegyszerűbb, ha egy CSS fájlt összekapcsol az XML dokumentummal.

Mi a CSS?

A CSK (CSK) a dokumentum formázásának egyik módja. A CSS előnye, hogy megfogadja az oldal bemutatási utasításait és szegmentálja azokat. Ez azt jelenti, hogy egy CSS-oldal valójában több dokumentumhoz vagy weboldalhoz is használható. Külön útmutatónk van a CSS hozzáadása az XML-hez. Ha XML-fájlt használ egy RSS-hírcsatornához, akkor a koncepció ugyanaz.

instagram viewer

A CSS-stílus hozzáadása az RSS-hez

A CSS egy külön fájl, amely konkrét formázási utasításokat ad a processzornak. A processzor egymás után nézi az XML dokumentum minden sorát. Ez a nyilatkozati nyilatkozattal kezdődik. Ez azonosítja a fájl nyelvét, és információkat nyújt, például a verziót.

A processzor lefelé halad a kód következő sorára. Amikor a CSS-t XML-fájlhoz kapcsolja, ennek a sornak mutatóként kell szolgálnia a formázó fájlhoz.


A fenti sor hozzáadásával a RSS XML fájlt, elmondja a processzornak, hogy van egy külön fájl, amely információkat tartalmaz. Ebben az esetben a fájl egy lépcsőzetes stíluslap. A processzor tudja megnyitni és olvasni a fájlt. Az RSS-hírcsatorna elkészült XML-fájlja így néz ki:

XML cikkek a Lifewire-től
Izgalmas új kínálatok az XML és a Lifewire világából
htts: //www.lifewire.com/xml-articles-example-url.html
Lifewire
A Lifewire segítségével naprakészen tarthatja a webdesign összes tippjét és trükkjét
https://www.lifewire.com/

Az információ formázása és stílusa rajtad múlik. Használja az elemcímkéket az XML-ben a CSS-fájlhoz. Például:

elem {
kijelző: blokk;
margin-bottom: 30pt;
margó-bal; 0;
}
instagram story viewer