Styling Documente XML cu CSS

Asigurați-vă că aspectul dvs. XML vă dorește cu foi de stil cascadă

Crearea unui document XML, scrierea DTD și parsarea acestuia cu un browser este bine, dar cum va fi afișat documentul când îl vizualizați? XML nu este o limbă de afișare. De fapt, documentele scrise cu XML nu vor avea formatare deloc.

Deci, Cum văd My XML?

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

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

] < Judy Layard Jennifer Brendan

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

Judy Layard Jennifer Brendan

Dar dacă ați fi vrut să faceți diferența între elementele părintelui și copilului? Sau chiar face o distincție vizuală între toate elementele din document. Nu puteți face acest lucru cu XML și nu este o limbă care trebuie utilizată pentru afișare.

Din fericire, este ușor să utilizați foi de stil cascadă sau CSS în documente XML pentru a defini cum 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 ar fi un document HTML.

De exemplu, în HTML este posibil să doriți să definiți tot textul în etichetele paragrafului (

) cu fontul Verdana, Geneva sau Helvetica și culoarea de fundal verde. Pentru a defini acest lucru într-o foaie de stil astfel încât toate paragrafele să fie așa, ați scrie:

p {font-family: verdana, geneva, helvetica; fundal-culoare: # 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; frontieră: solid 5px; lățime: 300px; } copil {font-family: verdana, helvetica; culoare: # cc0000; frontieră: solid 5px; culoare frontală: # cc0000; }

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

După cum am spus mai sus, această linie ar trebui găsită sub declarația , Dar înainte de oricare dintre elementele din documentul XML.

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

Brendan ELEMENT copil (#PCDATA)