Cum să stilizați documente XML cu CSS

Crearea unui document XML, scrierea DTD și analizarea acestuia cu un browser sunt în regulă, dar cum se va afișa documentul când îl vizualizați? XML nu este un limbaj de prezentare. Documentele scrise cu XML nu vor avea deloc formatare.

Cum să vizualizați XML

Cheia vizualizării XML într-un browser este Cascading Style Sheets. Foliile de stil vă permit să definiți fiecare aspect al documentului dvs. XML, de la dimensiunea și culoarea textului dvs. la fundalul și poziția obiectelor dvs. non-text.

Spuneți că aveți un document XML:

]>
Judy
Layard
Jennifer
Brendan

Dacă ar fi să vizualizați acel document într-un browser XML pregătit, cum ar fi Internet Explorer, acesta ar afișa ceva de genul acesta:

Judy Layard Jennifer Brendan

Dar dacă ați dori să faceți diferența dintre elementele părinte și copil? Sau chiar faceți o distincție vizuală între toate elementele din document. Nu poți face asta cu XML și nu este un limbaj care trebuie să fie folosit pentru afișare.

Stilizare XML

Dar, din fericire, este ușor de utilizat

Foi de stil în cascadă, sau CSS, în documente XML pentru a defini modul în care doriți ca aceste documente și aplicații să fie afișate atunci când sunt vizualizate într-un browser. Pentru documentul de mai sus, puteți defini stilul fiecărei etichete în același mod în care ați face un document HTML.

De exemplu, în HTML s-ar putea să doriți să definiți tot textul din etichetele de paragraf (

p {
font-family: verdana, geneva, helvetica;
culoare de fundal: # 00ff00;
}

Aceleași reguli funcționează și pentru documentele XML. Fiecare etichetă în XML poate fi definită în documentul XML:

familie {
culoare: # 000000;
}
părinte {
font-family: Arial Black;
culoare: # ff0000;
chenar: solid 5px;
lățime: 300px;
}
copil {
font-family: verdana, helvetica;
culoare: # cc0000;
chenar: solid 5px;
border-color: # cc0000;
}

Odată ce aveți documentul XML și foaia de stil este scrisă, trebuie să le puneți împreună. Similar cu comanda link în HTML, puneți o linie în partea de sus a documentului XML (sub declarația XML), spunând analizorului XML unde să găsească foaia de stil. De exemplu:

După cum sa menționat mai sus, această linie ar trebui să fie găsită sub declarație, dar înainte de oricare dintre elementele din documentul XML.

Punând totul împreună, documentul dvs. XML ar citi:

]>
Judy
Layard
Jennifer
Brendan