Viena problēma, kas izceļas ar bagātinātās vietnes kopsavilkumu ( RSS - bieži pazīstama kā Real Simple Syndication), ir stils vai tā trūkums. Left bez jebkāda formatējuma, informācija, kas tiek rādīta RSS barotnē, ir nekas, bet izejas dati. Tas izskatās mazliet kā datora izdruka vai teksta fails. Tas joprojām ir funkcionāls un sniedz visu informāciju, kas lasītājam vajadzīgs, lai patērētu saturu, bet tas izskatās maigs.
Jautājums ir, vai jūs varat padarīt informāciju par savu vietni vai emuāru par barību, kas ir vizuāli pievilcīga un pievilcīga? Atbilde ir JĀ. Ir vairāki veidi, kā to izdarīt, taču vienkāršākais ir saistīt CSS failu ar XML dokumentu.
Kas ir CSS?
Kaskādes stila lapas (CSS) ir viens no veidiem, kā formatēt dokumentu. CSS priekšrocība ir tā, ka tā ņem lapas noformējuma instrukcijas un segmentus tajā. Tas nozīmē, ka viena CSS lapa faktiski var darboties vairākos dokumentos vai tīmekļa lapās. Esmu jau pievērsusi XML pievienošanu CSS. Kad jūs strādājat ar XML failu RSS barotnei, koncepcija ir tāda pati.
Kā pievienot CSS stilu RSS
CSS ir atsevišķs fails, kas procesoram dod konkrētus formatēšanas norādījumus. Pārstrādātājs 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 virzīsies uz nākamo koda rindu. Saistot CSS ar XML failu, šī rindiņa jāizmanto kā rādītājs formatēšanas failam.
Pievienojot šo rindiņu savā RSS XML failā, jūs pastāstiet procesoram, ka ir atsevišķs fails ar informāciju. Šajā gadījumā fails ir kaskādes stilu lapa. Procesors zina, ka atver šo failu un to izlasa. Pabeigtais RSS fails XML fails izskatīsies šādi:
XML Raksti no Lifewire Aizraujoši jauni piedāvājumi no XML pasaules un Lifewire htc: //www.lifewire.com/xml-articles-example-url.html Lifewire Atjauniniet visus tīmekļa dizaina padomus un trikus https: // www. /Kā jūs formatējat un veidojat informāciju. CSS faila XML elementos izmantojiet elementa birkas. Piemēram:
vienums {display: block; maržas apakšdaļa: 30 pt; margin left; 0; }