Kako oblikovati RSS: dodajanje sloga v vir

Ena težava, ki izstopa z Rich Rich Summary ( RSS - pogosto znana kot Real Simple Syndication) je slog ali pomanjkanje tega. Levo, brez oblikovanja, podatki, predstavljeni na RSS, niso nič drugega kot neobdelani podatki. Izgleda kot računalniški izpis ali besedilna datoteka. Še vedno je funkcionalen in zagotavlja vse informacije, ki jih mora bralec porabiti za vsebino, vendar je videti lahkotno.

Vprašanje je, ali lahko informacije o svoji spletni strani ali spletnem dnevniku na krmi predstavljajo vizualno prijeten in privlačen? Odgovor je DA. Obstaja več načinov za to, vendar je najenostavnejša povezava datoteke CSS z vašim dokumentom XML.

Kaj je CSS?

Cascading Style Sheets (CSS) so en način za oblikovanje dokumenta. Prednost CSS je, da se za predstavitev strani strani pojavijo in segmentirajo. To pomeni, da lahko ena stran CSS dejansko dela za več dokumentov ali spletnih strani. Zajemal sem dodajanje CSS v XML. Ko delate z datoteko XML za RSS, je koncept enak.

Kako dodati stil CSS v RSS

CSS je ločena datoteka, ki daje procesorju specifična navodila za oblikovanje. Procesor v zaporedju pregleda vsako vrstico v dokumentu XML. Začne se z izjavo. Ta identificira jezik datoteke in nudi informacije, kot je različica.

Procesor se premakne navzdol do naslednje vrstice v kodi. Ko povezujete CSS v datoteko XML, mora biti ta vrstica kazalec na datoteko za oblikovanje.

Če dodate to vrstico v datoteko RSS XML , poveste procesorju, da je ločena datoteka z informacijami. V tem primeru je datoteka kaskadni slogovni list. Procesor ve, da jo odpre in preberi. Dokončana datoteka XML za RSS je videti tako:

Članki XML iz Lifewire-a Zanimive nove ponudbe iz sveta XML in Lifewire htts: //www.lifewire.com/xml-articles-example-url.html Lifewire Bodite ažurni pri vseh nasvetih in zvijakih v spletnem oblikovanju https: // www. /

Kako oblikujemo in oblikujemo podatke o vas. Uporabite oznake elementov v XML-u za datoteko CSS. Na primer:

predmet {display: block; spodnji rob: 30pt; margin-levo; 0; }