Jedan problem koji se ističe sa Sažetkom bogate stranice (RSS - često poznat kao Real Simple Syndication) je stil ili njegov nedostatak. Ostavljeni bez ikakvog formatiranja, podaci prikazani na RSS feedu nisu ništa drugo do sirovi podaci. Izgleda pomalo poput računalnog ispisa ili tekstualne datoteke. I dalje je funkcionalan i pruža sve informacije potrebne čitatelju da konzumira sadržaj, ali izgleda bljutavo.
Pitanje je možete li dati podatke o svojoj web stranici ili blog na feedu vizualno ugodnom i atraktivnom? Odgovor je DA. Postoji nekoliko načina da se to riješi, ali najjednostavniji je povezivanjem CSS datoteke s vašim XML dokumentom.
Što je CSS?
Kaskadni stilski listovi (CSS) jedan su od načina formatiranja dokumenta. Prednost CSS-a je u tome što uzima upute za prezentaciju stranice i segmentira je. To znači da jedna CSS stranica zapravo može raditi za više dokumenata ili web stranica. Imamo zasebni vodič za dodavanje CSS-a u XML. Kada radite s XML datotekom za RSS feed, koncept je isti.
Kako dodati CSS stil na RSS
CSS je zasebna datoteka koja daje određene upute za formatiranje procesoru. Procesor gleda redoslijedom svaki redak u XML dokumentu. Započet će izjavom izjave. Ovo identificira jezik datoteke i pruža informacije, poput verzije.
Procesor će se premjestiti na sljedeći redak koda. Prilikom povezivanja CSS-a s XML datotekom, ovaj bi redak trebao služiti kao pokazivač na datoteku za oblikovanje.
Dodavanjem gornjeg retka u svoj RSS XML datoteku, kažete procesoru da postoji zasebna datoteka s informacijama. U ovom je slučaju datoteka kaskadna lista stilova. Procesor zna otvoriti tu datoteku i pročitati je. Dovršena XML datoteka za RSS feed izgledala bi otprilike ovako:
XML članci iz Lifewire-a
Uzbudljive nove ponude iz svijeta XML-a i Lifewire-a
htts: //www.lifewire.com/xml-articles-example-url.html
Lifewire
Budite u toku sa svim savjetima i trikovima u web dizajnu uz Lifewire
https://www.lifewire.com/
Način oblikovanja i oblikovanja podataka ovisi o vama. Koristite oznake elemenata u XML-u za CSS datoteku. Na primjer:
stavka {
prikaz: blok;
margina-dno: 30pt;
margina-lijeva; 0;
}