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

Направете своя XML поглед как искате да го с каскадни стилове

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

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

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

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

] <<семейство> <родител> Джуди Layard Дженифър Brendan

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

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

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

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

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

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

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

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

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

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

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

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

] <<семейство> <родител> Джуди <родител> Лейдър