Skip to main content

Så här formaterar du RSS: Lägger till stil i ett flöde

Icom IC-2100H Reset (April 2025)

Icom IC-2100H Reset (April 2025)
Anonim

Ett problem som utmärker sig med Rich Site Summary (RSS - ofta kallad Real Simple Syndication) är stil eller brist på det. Vänster utan formatering är informationen som presenteras på ett RSS-flöde inget annat än rådata. Det ser lite ut som en datorutskrift eller textfil. Det är fortfarande funktionellt och det ger all den information som en läsare behöver för att konsumera innehåll, men det ser blid ut.

Frågan är att du kan göra informationen om din webbplats eller blogg på ett flöde visuellt tilltalande och attraktivt? Svaret är ja. Det finns ett antal sätt att gå om det här, men det enklaste är att länka en CSS-fil till ditt XML-dokument.

Vad är CSS?

Cascading Style Sheets (CSS) är ett sätt att formatera ett dokument. Fördelen med CSS är att det tar presentationsanvisningarna för en sida och segmenterar den. Det betyder att en CSS-sida faktiskt kan fungera för flera dokument eller webbsidor. Jag har redan täckt att lägga till CSS i XML. När du arbetar med en XML-fil för ett RSS-flöde är konceptet detsamma.

Så här lägger du till CSS Styling till RSS

CSS är en separat fil som ger specifika formateringsinstruktioner till en processor. Processorn tittar på varje rad i XML-dokumentet i följd. Det kommer att börja med deklarationen. Detta identifierar språket i filen och ger information, till exempel version.

Processorn kommer att gå ner till nästa rad i koden. När du kopplar CSS till en XML-fil, bör den här linjen fungera som en pekare till formateringsfilen.

Genom att lägga till den här raden i din RSS XML-fil, berättar du till processorn där det finns en separat fil med information. I det här fallet är filen ett kaskad stilark. Processorn vet att du öppnar filen och läser den. Den färdiga XML-filen för ett RSS-flöde skulle se ut så här:

XML-artiklar från LifewireSpännande nya erbjudanden från världen av XML och LifewireHTTS: //www.Go-Travels.com/xml-articles-example-url.htmlLifewireHåll dig uppdaterad om alla tips och tricks i webbdesign med Lifewirehttps://www.Go-Travels.com/

Hur du formaterar och utformar informationen är upp till dig. Använd elementetiketterna i XML för CSS-filen. Till exempel:

Artikel { display: block; marginalbotten: 30pt; margin-vänster; 0;}