Jak stylovat dokumenty XML pomocí CSS

click fraud protection

Vytvoření dokumentu XML, psaní DTD a jeho analýza pomocí prohlížeče je v pořádku, ale jak se dokument zobrazí, když jej zobrazíte? XML není jazykem prezentace. Dokumenty napsané pomocí XML nebudou mít vůbec žádné formátování.

Jak zobrazit XML

Klíčem k prohlížení XML v prohlížeči jsou kaskádové styly. Šablony stylů vám umožňují definovat všechny aspekty vašeho dokumentu XML, od velikosti a barvy textu až po pozadí a pozici netextových objektů.

Řekněme, že máte dokument XML:


]>
Jitka
Layard
Jennifer
Brendan

Pokud byste měli tento dokument zobrazit v prohlížeči podporujícím XML, jako je například Internet Explorer, zobrazí se něco jako toto:

Judy Layard Jennifer Brendan

Ale co kdybyste chtěli rozlišovat mezi nadřazeným a podřízeným prvkem? Nebo dokonce vizuálně rozlišujte mezi všemi prvky v dokumentu. S XML to nemůžete udělat a nejedná se o jazyk, který by měl být používán pro zobrazení.

Styling XML

Ale naštěstí se snadno používá Kaskádové stylynebo CSS, v dokumentech XML definujte, jak chcete, aby se tyto dokumenty a aplikace zobrazovaly při prohlížení v prohlížeči. U výše uvedeného dokumentu můžete definovat styl každé ze značek stejným způsobem jako u dokumentu HTML.

instagram viewer

Například v HTML možná budete chtít definovat veškerý text v rámci značek odstavců (

p {
rodina fontů: verdana, ženeva, helvetica;
barva pozadí: # 00ff00;
}

Stejná pravidla fungují i ​​pro dokumenty XML. Každá značka v XML může být definována v dokumentu XML:

rodina {
barva: # 000000;
}
rodič {
rodina fontů: Arial Black;
barva: # ff0000;
ohraničení: pevné 5px;
šířka: 300px;
}
dítě {
rodina fontů: verdana, helvetica;
barva: # cc0000;
ohraničení: pevné 5px;
border-color: # cc0000;
}

Jakmile máte svůj dokument XML a šablonu stylů napsanou, musíte je dát dohromady. Podobně jako v případě příkazu link v HTML umístíte do horní části dokumentu XML (pod deklaraci XML) řádek, který říká analyzátoru XML, kde najde šablonu stylů. Například:


Jak je uvedeno výše, tento řádek by měl být nalezen pod deklarací, ale před jakýmkoli z prvků v dokumentu XML.

Když to dáme dohromady, váš dokument XML bude číst:


]>
Jitka
Layard
Jennifer
Brendan
instagram story viewer