Un problema que destaca co Rich Site Summary ( RSS - moitas veces coñecido como Real Simple Syndication) é o estilo ou a falta dela. Á esquerda sen ningún formato, a información presentada nun feed RSS non é máis que datos brutos. Parece un pouco como unha copia impresa ou ficheiro de texto. Aínda é funcional e proporciona toda a información que un lector necesita para consumir contido, pero parece suave.
A pregunta é que podes facer a información sobre o teu sitio web ou blog nunha fonte visualmente agradable e atractiva? A resposta é SÍ. Hai varias formas de facelo, pero o máis sinxelo é unir un ficheiro CSS co documento XML.
Que é CSS?
As follas de estilo en cascada (CSS) son un xeito de formatar un documento. A vantaxe de CSS é que leva as instrucións de presentación dunha páxina e segmentala. Isto significa que unha páxina CSS pode funcionar para varios documentos ou páxinas web. Xa cubrei a adición de CSS a XML. Cando estea a traballar cun ficheiro XML para un feed RSS, o concepto é o mesmo.
Como engadir estilo CSS a RSS
CSS é un ficheiro separado que dá instrucións de formato específicas a un procesador. O procesador mira cada liña no documento XML en secuencia. Comezará co comunicado de declaración. Isto identifica o idioma do ficheiro e proporciona información, como a versión.
O procesador baixará á seguinte liña do código. Ao vincular CSS a un ficheiro XML, esta liña debería servir como punteiro para o ficheiro de formato.
Engadindo esta liña no seu ficheiro XML RSS , díxolles ao procesador que hai un arquivo separado con información. Neste caso, o ficheiro é unha folla de estilo en cascada. O procesador sabe abrir ese ficheiro e leuno. O ficheiro XML completado para un feed RSS parecería así:
Artigos XML de Lifewire Excitantes novas ofertas do mundo de XML e Lifewire htts: //www.lifewire.com/xml-articles-example-url.html Lifewire Mantéñase ao día sobre todos os consellos e trucos no deseño web con https: // www. /Como formatear e estilizar a información contigo. Use as etiquetas do elemento no XML para o ficheiro CSS. Por exemplo:
elemento {display: bloque; marxe inferior: 30pt; marxe esquerda; 0; }