Jeden problém, ktorý vyniká s bohatým súhrnom stránok ( RSS - často známy ako Real Simple Syndication) je štýl alebo jeho nedostatok. Vľavo bez akéhokoľvek formátovania informácie prezentované na RSS kanále nie sú ničím iným ako surovými dátami. Vyzerá to trochu ako počítačový výpis alebo textový súbor. Je stále funkčný a poskytuje všetky informácie, ktoré čitateľ potrebuje na konzumáciu obsahu, ale vyzerá nevýrazne.
Otázkou je, či môžete informácie o vašej webovej stránke alebo blogu na krmivách vizuálne príjemne a atraktívne? Odpoveď je ÁNO. Existuje niekoľko spôsobov, ako to urobiť, ale najjednoduchšie je prepojenie súboru CSS s dokumentom XML.
Čo je CSS?
Kaskádové štýly (CSS) sú jedným zo spôsobov, ako formátovať dokument. Výhodou CSS je to, že preberá pokyny na prezentáciu stránky a segmentuje ju. To znamená, že jedna stránka CSS môže skutočne pracovať pre viaceré dokumenty alebo webové stránky. Už som zahrnul pridanie CSS do jazyka XML. Keď pracujete so súborom XML pre informačný kanál RSS, koncept je rovnaký.
Ako pridať štýl CSS do RSS
CSS je samostatný súbor, ktorý poskytuje procesorom špecifické pokyny na formátovanie. Procesor sa postupne pozerá na každý riadok v dokumente XML. Začína sa vyhlásením vyhlásenia. Toto identifikuje jazyk súboru a poskytuje informácie, ako napríklad verziu.
Procesor sa posunie na ďalší riadok v kóde. Pri prepájaní CSS do súboru XML by tento riadok mal slúžiť ako ukazovateľ pre formátovací súbor.
Pridaním tohto riadka do súboru RSS XML informujete, že procesor obsahuje samostatný súbor s informáciami. V tomto prípade je súbor kaskádovým štýlom. Procesor vie otvoriť súbor a prečítať ho. Dokončený súbor XML pre informačný kanál RSS bude vyzerať takto:
XML články z Lifewire Vzrušujúce nové ponuky zo sveta XML a Lifewire Lifewire Získajte aktuálne informácie o všetkých tipoch a trikoch v web dizajne s https: // www. /Formátovanie a štýl informácií závisí od vás. Použite značky elementov v XML pre súbor CSS. Napríklad:
položka {display: block; margin-bottom: 30pt; margin-vľavo; 0; }