Stiliranje XML dokumenata s CSS-om

Učinite svoj izgled XML-a kako to želite s kaskadnim stilskim listovima

Stvaranje XML dokumenta, pisanje DTD-a i analizu s preglednikom je sve u redu, ali kako će dokument biti prikazan kada ga pogledate? XML nije jezik prikaza. Zapravo, dokumenti sa XML-om neće imati oblikovanja.

Dakle, kako mogu vidjeti moj XML?

Ključ za pregled XML-a u pregledniku je Cascading Style Sheets. Stilski listovi omogućuju vam definiranje svakog aspekta vašeg XML dokumenta, od veličine i boje teksta do pozadine i položaja vaših ne tekstualnih objekata.

Recimo da imate XML dokument:

< Layard Jennifer Brendan

Ako biste trebali pregledati taj dokument u pregledniku koji je spreman za XML, kao što je Internet Explorer, prikazivat će nešto slično:

Judy Layard Jennifer Brendan

Ali što ako želite razlikovati elemente roditelja i djeteta? Ili čak napraviti vizualnu razliku između svih elemenata u dokumentu. Ne možete to učiniti XML-om, a to nije jezik koji se koristi za prikazivanje.

No srećom, u XML dokumentima jednostavno je koristiti Cascading Style Sheets (CSS) ili CSS (CSS) kako biste odredili kako želite da ti dokumenti i aplikacije budu prikazani u pregledniku. Za gore navedeni dokument možete definirati stil svake od oznaka na isti način kao i HTML dokument.

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

) s fontom Verdana, Ženeva ili Helvetica i zelenom bojom pozadine. Da biste to definirali u listu stilova, tako da su svi odlomci takvi, pisali biste:

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

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

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

Nakon što dobijete svoj XML dokument i vaš stilski list je napisan, morate ih staviti zajedno. Slično kao i naredba za vezu u HTML-u, stavljate redak na vrh XML dokumenta (ispod XML deklaracije), priopćavajući XML parseru gdje se nalazi stilski list. Na primjer:

Kao što sam već rekao, ta se linija mora nalaziti ispod deklaracije , Ali prije bilo kojeg elementa u XML dokumentu.

Stavljajući sve zajedno, vaš XML dokument bi pročitao:

Jennifer Brendan