Yksi ongelma, joka erottuu Rich Site Summary -sivulla ( RSS - tunnetaan usein Real Simple Syndication), on tyyli tai sen puute. Vasen ilman mitään muotoilua RSS-syötteen tiedot eivät ole muuta kuin raakaa tietoa. Se näyttää vähän kuin tietokoneen tulostus tai tekstitiedosto. Se on edelleen toimiva ja tarjoaa kaikki tiedot, joita lukija tarvitsee sisällön kuluttamiseen, mutta näyttää siltä, että se on hankalaa.
Kysymys on, voitteko tehdä sivustosi tai blogisi tiedot syötteestä visuaalisesti miellyttäväksi ja houkuttelevaksi? Vastaus on kyllä. Tässä on useita tapoja toimia, mutta yksinkertaisin on yhdistämällä CSS-tiedosto XML-dokumenttiin.
Mikä on CSS?
CSS-tyylitiedostot (CSS) ovat yksi tapa muodostaa asiakirja. CSS: n etuna on se, että se vie sivun esitysohjeet ja segmentoi sen. Tämä tarkoittaa sitä, että yksi CSS-sivu voi todella työskennellä useille asiakirjoille tai verkkosivuille. Olen jo käsitellyt CSS: n lisäämistä XML: ään. Kun työskentelet RSS-syötteen XML-tiedoston kanssa, käsite on sama.
Miten lisätä CSS Styling RSS
CSS on erillinen tiedosto, joka antaa erityiset muotoilusäännöt prosessorille. Prosessori tutkii XML-asiakirjan jokaista riviä peräkkäin. Se alkaa ilmoituksella. Tämä tunnistaa tiedoston kielen ja sisältää tietoja, kuten versiota.
Prosessori siirtyy koodin seuraavalle riville alaspäin. Kun linkitään CSS XML-tiedostoon, tämä rivi toimii osoittimena muotoilutiedostossa.
Lisäämällä tämä rivi RSS XML -tiedostoon, kerro prosessorille erillinen tiedosto, jolla on tietoja. Tässä tapauksessa tiedosto on CSS-tyylisivu. Prosessori osaa avata tiedoston ja lukea sen. RSS-syötteen täytetty XML-tiedosto näyttäisi näin:
XML-artikkelit Lifewiresta Jännittäviä uusia tarjouksia XML- ja Lifewire-maailmasta htts: //www.lifewire.com/xml-articles-example-url.html Lifewire Pysy ajan tasalla kaikista vinkistä ja temppuja web-suunnittelusta https: // www. /Miten muotoilet ja muotoile informaatiota riippuu sinulle. Käytä elementtitunnisteita XML-tiedostoon CSS-tiedostossa. Esimerkiksi:
kohde {display: block; marginaalipohja: 30pt; margin-left; 0; }