Štýlovanie dokumentov XML pomocou CSS

Vytvorte svoj XML vzhľad, ako to chcete s kaskádovými štýlmi

Vytváranie dokumentu XML, písanie DTD a jeho analýza s prehliadačom je v poriadku, ale ako sa bude dokument zobrazovať, keď ho zobrazíte? XML nie je jazyk zobrazovania. Dokumenty napísané s formátom XML nebudú mať vôbec žiadne formátovanie.

Ako môžem zobraziť môj XML?

Kľúčom na prezeranie XML v prehliadači sú kaskádové štýly. Šablóny štýlov umožňujú definovať každý aspekt vášho dokumentu XML, od veľkosti a farby vášho textu po pozadie a pozíciu vašich netextových objektov.

Povedz, že máte dokument XML:

] Judy Layard Jennifer Brendan

Ak by ste si mali prezrieť tento dokument v prehliadači pripravenom na spracovanie XML, napríklad v programe Internet Explorer, zobrazí sa toto:

Judy Layard Jennifer Brendan

Ale čo ak by ste chceli rozlišovať medzi rodičovským a podradeným prvkom? Alebo dokonca urobiť vizuálne rozlíšenie medzi všetkými prvkami v dokumente. Nemôžete to robiť pomocou XML a nie je to jazyk, ktorý sa má používať na zobrazenie.

Našťastie je však jednoduché používať kaskádové štýly alebo CSS v dokumentoch XML a definovať, ako chcete, aby sa tieto dokumenty a aplikácie zobrazovali pri prehliadaní v prehliadači. Pre vyššie uvedený dokument môžete definovať štýl každého z tagov rovnakým spôsobom ako dokument HTML.

Napríklad v HTML môžete definovať všetok text v rámci značiek odseku (

) s obrázkom Verdana, Ženeva alebo Helvetica a farba pozadia zelená. Ak chcete definovať, že v šablóne so štýlmi, aby boli všetky odseky podobné, napíšete:

p {font-family: verdana, geneva, helvetica; farba pozadia: # 00ff00; }

Rovnaké pravidlá fungujú aj pre dokumenty XML. Každá značka v XML môže byť definovaná v XML dokumente:

rodina {farba: # 000000; } rodičia {font-family: Arial Black; farba: # ff0000; hranica: solid 5px; šírka: 300px; } dieťa {font-family: verdana, helvetica; farba: # cc0000; hranica: solid 5px; hraničná farba: # cc0000; }

Akonáhle je váš dokument XML a váš štýl je napísaný, je potrebné dať dohromady. Podobne ako príkaz odkazu v jazyku HTML zadáte riadok v hornej časti dokumentu XML (pod deklaráciou XML) a povediete analyzátoru XML, kde nájsť šablónu so štýlmi. Napríklad:

Ako som už uviedol, tento riadok by mal byť nájdený pod deklaráciou , Ale pred akýmkoľvek prvkom v dokumente XML.

Ak to všetko vytvoríte, váš dokument XML bude čítať:

] Judy Jennifer