Jedan problem koji izdvaja Rich Rich Summary ( RSS - često poznat kao Real Simple Syndication) je stil ili nedostatak. Ostavljene bez ikakvog oblikovanja, informacije predstavljene na RSS-u predstavljaju samo neobrađene podatke. Izgleda kao računarski ispis ili tekstualna datoteka. Još uvek je funkcionalan i pruža sve informacije koje čitaocu treba da konzumira sadržaj, ali izgleda blistavo.
Pitanje je da li možete da date informacije o vašoj web stranici ili blogu na feedu vizuelno prijatnim i atraktivnim? Odgovor je DA. Postoji nekoliko načina da se to uradi, ali najjednostavnije je povezivanje CSS datoteke sa vašim XML dokumentom.
Šta je CSS?
Kaskadni stil listovi (CSS) su jedan od načina za formatiranje dokumenta. Prednost CSS-a je to što uzima uputstva za prezentaciju stranice i segmentira ih. To znači da jedna CSS stranica može stvarno raditi za više dokumenata ili web stranica. Već sam pokrivao dodavanje CSS-a u XML. Kada radite sa XML datotekom za RSS izvore, koncept je isti.
Kako dodati stil CSS u RSS
CSS je zasebna datoteka koja daje specifične instrukcije za formatiranje procesoru. Procesor u sekvenci posmatra svaku liniju u XML dokumentu. Počinje sa deklaracijom. Ovo identifikuje jezik datoteke i pruža informacije, kao što je verzija.
Procesor će se pomeriti do sledeće linije u kodu. Kada povezujete CSS u XML datoteku, ova linija treba da služi kao pokazivač na datoteku za formatiranje.
Dodavanjem ove linije u RSS XML datoteku, kažete procesoru da postoji posebna datoteka sa informacijama. U ovom slučaju, datoteka je kaskadni stilski stil. Procesor zna da otvori taj fajl i pročita ga. Završena XML datoteka za RSS feed bi izgledala ovako:
XML članci iz Lifewire Uzbudljive nove ponude iz svijeta XML i Lifewire htts: //www.lifewire.com/xml-articles-example-url.html Lifewire Budite u toku sa svim savjetima i trikovima u web dizajnu https: // www. /Kako formatirate i stišite informacije koje su vam na raspolaganju. Koristite oznake elementa u XML-u za CSS datoteku. Na primjer:
stavka {display: block; margin-bottom: 30pt; margin-left; 0; }