Skip to main content

Използване на CSS за стилови XML документи

BaseBuncer Just Talk 3 (Юни 2026)

BaseBuncer Just Talk 3 (Юни 2026)
Anonim

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

И така, как да видя моя XML?

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

Кажете, че имате XML документ:

>

Джуди

Лейърд

Дженифър

Брендън

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

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

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

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

Например, в HTML може да искате да дефинирате целия текст в маркерите за параграфи () с шрифта Verdana, Geneva или Helvetica и зеления цвят на фона. За да определите това в стилова таблица, така че всички параграфи да са такива, бихте написали:

p {

шрифт-семейство: verdana, geneva, helvetica;

цвят на фона: # 00ff00;

}

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

семейство {

цвят: # 000000;

}

родител {

шрифт-семейство: Arial Black;

цвят: # ff0000;

граница: солидна 5px;

ширина: 300px;

}

дете {

шрифт-семейство: verdana, helvetica;

цвят: # cc0000;

граница: солидна 5px;

граничен цвят: # cc0000;

}

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

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

Като ги сложите заедно, вашият XML документ ще прочете:

>

Джуди

Лейърд

Дженифър

Брендън