Een probleem wat uitstaan met Rich Site Summary ( RSS - bekend as Real Simple Syndication) is styl of die gebrek daaraan. Links sonder enige formatering, is die inligting wat op 'n RSS-feed aangebied word, niks anders as rou data nie. Dit lyk 'n bietjie soos 'n rekenaaruitdruk of 'n tekslêer. Dit is steeds funksioneel en dit verskaf al die inligting wat 'n leser inhoud moet verbruik, maar dit lyk skraal.
Die vraag is, kan jy die inligting oor jou webwerf of blog op 'n vis visueel aantreklik en aantreklik maak? Die antwoord is JA. Daar is 'n aantal maniere om hieroor te gaan, maar die eenvoudigste is deur 'n CSS-lêer aan jou XML-dokument te koppel.
Wat is CSS?
Cascading Style Sheets (CSS) is een manier om 'n dokument te formateer. Die voordeel van CSS is dat dit die aanbiedingsinstruksies vir 'n bladsy neem en dit segmenteer. Dit beteken dat een CSS-bladsy werklik kan werk vir verskeie dokumente of webblaaie. Ek het reeds bedek CSS by XML. As jy met 'n XML-lêer werk vir 'n RSS-feed, is die konsep dieselfde.
Hoe om CSS Styling by RSS te voeg
CSS is 'n aparte lêer wat spesifieke formatering instruksies aan 'n verwerker gee. Die verwerker kyk na elke lyn in die XML-dokument in volgorde. Dit sal begin met die verklaring verklaring. Dit identifiseer die taal van die lêer en verskaf inligting, soos weergawe.
Die verwerker sal na die volgende reël in die kode beweeg. Wanneer CSS aan 'n XML-lêer gekoppel word, moet hierdie lyn as 'n wyser dien as die formatering lêer.
Deur hierdie lyn by jou RSS XML- lêer te voeg, vertel jy die verwerker daar is 'n aparte lêer met inligting. In hierdie geval is die lêer 'n cascading style sheet. Die verwerker weet om die lêer oop te maak en dit te lees. Die voltooide XML-lêer vir 'n RSS-toevoer sal so iets lyk:
XML artikels van Lifewire Opwindende nuwe aanbiedinge van die wêreld van XML en Lifewire htts: //www.lifewire.com/xml-articles-example-url.html Lifewire Hou op hoogte van al die wenke en truuks in webontwerp met https: // www. /Hoe jy die inligting formateer en styl, is aan jou. Gebruik die element-etikette in die XML vir die CSS-lêer. Byvoorbeeld:
item {vertoon: blok; marge-bodem: 30pt; marge-links; 0; }