Как да стилизираме XML документи с CSS

click fraud protection

Създаването на XML документ, записването на DTD и анализирането му с браузър е добре, но как ще се покаже документът, когато го видите? XML не е език за представяне. Документите, написани с XML, няма да имат никакво форматиране.

Как да видите XML

Ключът за преглед на XML в браузър е каскадни таблици със стилове. Таблиците със стилове ви позволяват да дефинирате всеки аспект на вашия XML документ, от размера и цвета на вашия текст до фона и позицията на вашите нетекстови обекти.

Да предположим, че имате XML документ:


]>
Джуди
Layard
Дженифър
Брендън

Ако трябва да прегледате този документ в браузър, готов за XML, като Internet Explorer, той ще покаже нещо подобно:

Джуди Лайърд Дженифър Брендън

Но какво, ако искате да разграничите елементите родител и дете? Или дори да направите визуално разграничение между всички елементи в документа. Не можете да направите това с XML и това не е език, който е предназначен да се използва за показване.

Оформяне на XML

Но за щастие е лесен за използване Каскадни таблици със стилове

instagram viewer
, или CSS, в XML документи, за да определите как искате тези документи и приложения да се показват, когато се гледат в браузър. За горния документ можете да дефинирате стила на всеки от маркерите по същия начин, по който бихте направили HTML документ.

Например в HTML може да искате да дефинирате целия текст в етикетите на абзаци (

п {
семейство шрифтове: verdana, geneva, helvetica;
фон-цвят: # 00ff00;
}

Същите правила работят за XML документи. Всеки маркер в XML може да бъде дефиниран в XML документа:

семейство {
цвят: # 000000;
}
родител {
семейство шрифтове: Arial Black;
цвят: # ff0000;
граница: плътна 5px;
ширина: 300px;
}
дете {
семейство шрифтове: verdana, helvetica;
цвят: # cc0000;
граница: плътна 5px;
цвят на границата: # cc0000;
}

След като имате своя XML документ и вашата таблица със стилове е написана, трябва да ги съберете. Подобно на командата link в HTML, вие поставяте ред в горната част на вашия XML документ (под XML декларацията), казвайки на XML парсера къде да намери таблицата със стилове. Например:


Както беше посочено по-горе, този ред трябва да се намира под декларацията, но преди някой от елементите в XML документа.

Събирайки всичко заедно, вашият XML документ ще гласи:


]>
Джуди
Layard
Дженифър
Брендън
instagram story viewer