Styling XML dokumenti sa CSS

Napravite svoj XML izgled kako želite s kaskadnim stilskim listovima

Stvaranje XML dokumenta, pisanje DTD-a i pariziranje sa pregledačem je u redu, ali kako će se dokument prikazati kada ga pogledate? XML nije jezik prikaza. Zapravo, dokumenti napisani XML-om neće imati nikakvo oblikovanje.

Dakle, kako da vidim svoj XML?

Ključ za pregled XML-a u pregledaču je Cascading Style Sheets. Stil liste vam omogućavaju da definišete svaki aspekt vašeg XML dokumenta, od veličine i boje vašeg teksta do pozadine i položaja vaših ne-tekstualnih objekata.

Recimo da imate XML dokument:

]> Judy Layard Jennifer Brendan

Ako biste videli taj dokument u pretraživaču za XML koji je spreman, kao što je Internet Explorer, biće prikazano nešto ovako:

Judy Layard Jennifer Brendan

Ali šta ako želite da razlikujete između roditelja i deteta? Ili čak napraviti vizuelnu razliku između svih elemenata u dokumentu. To ne možete učiniti sa XML-om, i to nije jezik koji se koristi za prikazivanje.

Ali, srećom, u XML dokumentima je jednostavno koristiti Cascading Style Sheets , ili CSS, kako biste definisali kako želite da se ti dokumenti i aplikacije prikazuju kada ih pregledate u pregledaču. Za gore navedeni dokument možete odrediti stil svake od oznaka na isti način kao i HTML dokument.

Na primjer, u HTML-u možda želite definirati cijeli tekst unutar oznaka pasusa (

) sa fontom Verdana, Ženeva ili Helvetica i zelenom bojom pozadine. Da biste to definisali u stylesheet-u tako da su svi paragrafi takvi, pisali biste:

p {font-family: verdana, geneva, helvetica; pozadina: # 00ff00; }

Ista pravila rade za XML dokumente. Svaka oznaka u XML-u može se definirati u XML dokumentu:

porodica {color: # 000000; } roditelj {font-family: Arial Black; boja: # ff0000; granica: čvrsta 5px; širina: 300px; } dijete {font-family: verdana, helvetica; boja: # cc0000; granica: čvrsta 5px; granična boja: # cc0000; }

Jednom kada imate XML dokument i napisan je vaš stilski stil , morate ih spojiti. Slično komandi veze u HTML-u, stavite liniju na vrh vašeg XML dokumenta (ispod XML deklaracije), govoreći XML parseru gdje možete pronaći stilski list. Na primjer:

Kao što sam rekao gore, ova linija treba pronaći ispod Deklaracije, ali prije bilo kog elementa u XML dokumentu.

Sve zajedno, vaš XML dokument bi pročitao:

< Djevojčar ELEMENT (#PCDATA)>]> Judy Layard Jennifer Brendan