Ako štýlovať dokumenty XML pomocou CSS

click fraud protection

Vytvorenie dokumentu XML, napísanie DTD a jeho analýza pomocou prehľadávača je v poriadku, ale ako sa dokument zobrazí, keď ho zobrazíte? XML nie je jazykom prezentácie. Dokumenty napísané vo formáte XML nebudú mať vôbec žiadne formátovanie.

Ako zobraziť XML

Kľúčom k prezeraniu XML v prehliadači sú kaskádové štýly. Šablóny štýlov vám umožňujú definovať všetky aspekty vášho dokumentu XML, od veľkosti a farby textu po pozadie a pozíciu netextových objektov.

Povedzme, že máte dokument XML:


]>
Judy
Layard
Jennifer
Brendan

Ak by ste si tento dokument prezerali v prehľadávači pripravenom na XML, ako je napríklad Internet Explorer, zobrazil by sa asi takto:

Judy Layard Jennifer Brendan

Čo by sa však stalo, keby ste chceli rozlišovať medzi prvkami rodiča a dieťaťa? Alebo dokonca vizuálne odlíšte všetky prvky v dokumente. S XML to nemôžete urobiť a nejde o jazyk, ktorý sa má používať na zobrazenie.

Styling XML

Ale našťastie sa dá ľahko používať Kaskádové štýlyalebo CSS, v dokumentoch XML, ktoré určujú, ako sa majú tieto dokumenty a aplikácie zobrazovať pri prezeraní v prehliadači. Pre vyššie uvedený dokument môžete definovať štýl každej zo značiek rovnakým spôsobom, ako by ste použili dokument HTML.

instagram viewer

Napríklad v HTML možno budete chcieť definovať všetok text v rámci značiek odsekov (

p {
rodina fontov: verdana, ženeva, helvetica;
farba pozadia: # 00ff00;
}

Rovnaké pravidlá fungujú aj pre dokumenty XML. Každú značku v XML je možné definovať v dokumente XML:

rodina {
farba: # 000000;
}
rodič {
rodina fontov: Arial Black;
farba: # ff0000;
okraj: pevný 5px;
šírka: 300px;
}
dieťa {
rodina fontov: verdana, helvetica;
farba: # cc0000;
okraj: pevný 5px;
border-color: # cc0000;
}

Keď už máte svoj dokument XML a šablónu so štýlmi napísanú, musíte ich spojiť. Podobne ako v prípade príkazu link v HTML, aj vy umiestnite do hornej časti dokumentu XML (pod deklaráciu XML) riadok, ktorý syntaktickému analyzátoru XML povie, kde šablónu so štýlmi nájde. Napríklad:


Ako je uvedené vyššie, tento riadok by sa mal nachádzať pod vyhlásením, ale pred ktorýmkoľvek z prvkov v dokumente XML.

Keď to zhrnieme, váš dokument XML bude čítať:


]>
Judy
Layard
Jennifer
Brendan
instagram story viewer