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

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

Креирање XML документ, пишување на DTD и парсирање со прелистувач е во ред, но како ќе се прикаже документот кога ќе го видите? XML не е јазик на прикажување. Всушност, документите напишани со XML нема да имаат форматирање на сите.

Значи, како можам да ја видам мојата XML?

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

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

]> <семејство> <родител> Џуди Layard Jennifer Brendan

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

Џуди Лајард Џенифер Брендан

Но, што ако сакаше да се разликува помеѓу родителот и децата? Или дури и направи визуелна разлика помеѓу сите елементи во документот. Не можете да го направите тоа со XML, и тоа не е јазик што треба да се користи за прикажување.

Но, за среќа, лесно се користат Cascading Style Sheets , или CSS, во XML-документи за да се дефинира како сакате тие документи и апликации да се прикажуваат кога ќе се гледаат во прелистувачот. За горенаведениот документ, можете да го дефинирате стилот на секоја од таговите на ист начин како што би направил HTML документ.

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

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

p {font-family: 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 документ би прочитал:

Елемент дете (#PCDATA)>]> <семејство> <родител> Џуди <родител> Layard <дете> Џенифер <дете> Брендан