Com formatejar RSS: Afegir estil a una alimentació

Un problema que destaca amb Rich Site Summary ( RSS - sovint conegut com Real Simple Syndication) és l'estil o la manca d'ell. Esquerra sense format, la informació presentada en un feed RSS no és sinó dades en brut. Es veu una mica com una impressió d'ordinador o un fitxer de text. Encara és funcional i proporciona tota la informació que un lector necessita per consumir el contingut, però es veu inadequat.

La pregunta és que podeu fer que la informació sobre el vostre lloc web o bloc sigui visualment agradable i atractiva? La resposta és SÍ. Hi ha diverses maneres de fer-ho, però el més senzill és enllaçar un fitxer CSS al document XML.

Què és CSS?

Les fulles d'estil en cascada (CSS) són una forma de formatar un document. L'avantatge de CSS és que pren les instruccions de presentació d'una pàgina i els segueix. Això significa que una pàgina CSS pot funcionar per a múltiples documents o pàgines web. Ja he inclòs afegir CSS a XML. Quan esteu treballant amb un fitxer XML per a un canal RSS, el concepte és el mateix.

Com afegir estil CSS a RSS

CSS és un fitxer separat que proporciona instruccions específiques de format a un processador. El processador mira cada línia del document XML en seqüència. Es començarà amb el comunicat de declaració. Això identifica el llenguatge del fitxer i proporciona informació, com ara la versió.

El processador es reduirà a la següent línia del codi. Quan vinculi CSS a un fitxer XML, aquesta línia ha de servir com a punter al fitxer de format.

En afegir aquesta línia al vostre fitxer XML RSS , us informeu al processador que hi ha un fitxer amb informació separada. En aquest cas, el fitxer és un full d'estil en cascada. El processador sap obrir aquest fitxer i llegir-lo. El fitxer XML completat per a un canal RSS es veuria així:

Articles XML de Lifewire Noves ofertes emocionants del món de XML i Lifewire: //www.lifewire.com/xml-articles-example-url.html Lifewire Manteniu-vos al dia en tots els consells i trucs del disseny web amb https: // www. /

Com formateu i personalitzeu la vostra informació. Utilitzeu les etiquetes dels elements en XML per al fitxer CSS. Per exemple:

element {display: bloc; marge inferior: 30pt; margin-left; 0; }