Kako oblikovati XML dokumente pomoću CSS-a

click fraud protection

Stvaranje XML dokumenta, pisanje DTD-a i njegovo raščlanjivanje s preglednikom je u redu, ali kako će se dokument prikazati kada ga pregledate? XML nije jezik prezentacije. Dokumenti napisani XML-om uopće neće imati formatiranje.

Kako pregledati XML

Ključ za pregled XML-a u pregledniku su kaskadni tabele stilova. Tablice stilova omogućuju vam definiranje svakog aspekta vašeg XML dokumenta, od veličine i boje vašeg teksta do pozadine i položaja vaših netekstualnih objekata.

Recimo da imate XML dokument:


]>
Judy
Layard
Jennifer
Brendan

Ako biste taj dokument pregledavali u pregledniku spremnom za XML, poput Internet Explorera, prikazao bi se otprilike ovako:

Judy Layard Jennifer Brendan

Ali što ako želite razlikovati roditeljski i dječji element? Ili čak napravite vizualnu razliku između svih elemenata u dokumentu. To ne možete učiniti s XML-om, a to nije jezik koji bi trebao biti korišten za prikaz.

Oblikovanje XML-a

Ali srećom, jednostavan je za upotrebu Kaskadni listovi stilova, ili

instagram viewer
CSS, u XML dokumentima kako biste definirali kako želite da se ti dokumenti i aplikacije prikazuju kada se gledaju u pregledniku. Za gornji dokument možete definirati stil svake oznake na isti način kao što biste to učinili u HTML dokumentu.

Na primjer, u HTML-u biste možda htjeli definirati sav tekst unutar oznaka odlomaka (

p {
obitelj fontova: verdana, geneva, helvetica;
boja pozadine: # 00ff00;
}

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

obitelj {
boja: # 000000;
}
roditelj {
obitelj fontova: Arial Black;
boja: # ff0000;
obrub: čvrst 5px;
širina: 300px;
}
dijete {
obitelj fontova: verdana, helvetica;
boja: # cc0000;
obrub: čvrst 5px;
boja obruba: # cc0000;
}

Nakon što ste dobili XML dokument i napisali svoj stil, morate ih sastaviti. Slično naredbi link u HTML-u, na vrh XML dokumenta stavite redak (ispod XML deklaracije), govoreći XML parseru gdje pronaći tabelu stilova. Na primjer:


Kao što je gore rečeno, ovaj bi se redak trebao nalaziti ispod deklaracije, ali prije bilo kojeg elementa u XML dokumentu.

Sastavljajući sve to, vaš XML dokument glasio bi:


]>
Judy
Layard
Jennifer
Brendan
instagram story viewer