Viena problēma, kas izceļas ar bagātinātu vietņu kopsavilkumu (RSS - bieži pazīstams kā Real Simple Syndication) ir stils vai tā trūkums. Atstājot bez formatēšanas, RSS plūsmā sniegtā informācija nav nekas cits kā neapstrādāti dati. Tas nedaudz atgādina datora izdruku vai teksta failu. Tas joprojām ir funkcionāls un sniedz visu informāciju, kas lasītājam nepieciešama satura patērēšanai, taču tā izskatās maiga.
Jautājums ir, vai jūs varat sniegt informāciju par savu vietni vai emuārs uz barības vizuāli patīkami un pievilcīgi? Atbilde ir JĀ. Ir vairāki veidi, kā to izdarīt, bet vienkāršākais ir CSS faila saistīšana ar XML dokumentu.
Kas ir CSS?
Kaskādes stila lapas (CSS) ir viens no dokumenta formatēšanas veidiem. CSS priekšrocība ir tā, ka tā ņem lapas prezentācijas instrukcijas un to segmentē. Tas nozīmē, ka viena CSS lapa faktiski var darboties vairākos dokumentos vai tīmekļa lapās. Mums ir atsevišķs ceļvedis pievienojot CSS XML. Strādājot ar RSS plūsmas XML failu, jēdziens ir tāds pats.
Kā CSS stilu pievienot RSS
CSS ir atsevišķs fails, kas procesoram sniedz īpašas formatēšanas instrukcijas. Procesors secīgi aplūko katru XML dokumenta rindu. Tas sāksies ar deklarācijas paziņojumu. Tas identificē faila valodu un sniedz informāciju, piemēram, versiju.
Procesors pārvietosies uz nākamo koda rindu. Saistot CSS ar XML failu, šai rindai vajadzētu kalpot par rādītāju formatēšanas failam.
Pievienojot iepriekš minēto rindu savā RSS XML failu, jūs paziņojat procesoram, ka ir atsevišķs fails ar informāciju. Šajā gadījumā fails ir kaskādes stila lapa. Procesors zina, kā atvērt šo failu un lasīt to. Pabeigtais RSS plūsmas XML fails izskatās apmēram šādi:
XML raksti no Lifewire
Aizraujoši jauni piedāvājumi no XML un Lifewire pasaules
htts: //www.lifewire.com/xml-articles-example-url.html
Lifewire
Esiet informēts par visiem Web dizaina padomiem un ieteikumiem, izmantojot Lifewire
https://www.lifewire.com/
Informācijas formatēšana un stils ir atkarīgs no jums. CSS failam izmantojiet XML elementu tagus. Piemēram:
lieta {
displejs: bloks;
margin-bottom: 30pt;
margin-left; 0;
}