XML-dokumentide kujundamine CSS-i abil

Tehke oma XML-i näpunäide selle kohta, kuidas soovite seda kaskaaditavate stiililehtedega

XML-dokumendi loomine, DTD-i kirjutamine ja selle brauseri parsimine on kõik korras, kuid kuidas seda dokumenti siis, kui seda vaatate? XML ei ole ekraani keel. XML-il kirjutatud dokumentidel pole üldse vormingut.

Nii, kuidas ma oma XML-i vaatan?

XML-i vaatamiseks brauseris on Cascading Style Sheets. Stiililehed võimaldavad teil määratleda XML-dokumendi kõik aspektid oma teksti suurusest ja värvist mitte-teksti objektide taustale ja asukohale.

Ütle, et teil on XML-dokument:

]> Judy & nbsp; Layard Jennifer Brendan

Kui soovite seda dokumenti dokumendis vaadata XML-valmis brauseris, näiteks Internet Exploreris, peaks see näitama midagi sellist:

Judy Layard Jennifer Brendan

Aga mis siis, kui sa tahaksid eristada vanema ja lapse elemente? Või isegi visuaalselt eristada dokumendi kõiki elemente. Seda ei saa XML-i abil teha ja see ei ole keel, mida kasutatakse kuvamiseks.

Kuid õnneks on XML-dokumentides hõlpsasti kaskaaditavate stiililaiendite või CSS- ide kasutamine, et määrata, kuidas soovite neid dokumente ja rakendusi brauseris vaadates kuvada. Ülaltoodud dokumendi jaoks saate määratleda iga silti stiili samamoodi nagu HTML-dokument.

Näiteks HTML-is, võiksite määratleda kogu teksti lõigusildistes (

) fondi kujul Verdana, Geneva või Helvetica ja taustavärvi roheliseks. Selle määratlemiseks stiil tabeli nii, et kõik lõigud on nagu, kirjutad:

p {font-family: verdana, geneva, helvetica; taustavärv: # 00ff00; }

Sama reeglid töötavad XML-dokumentide puhul. Iga XML-i sildi saab XML-dokumendis määratleda:

perekond {värv: # 000000; } vanem {font-family: Arial Black; värv: # ff0000; piir: tahke 5px; laius: 300px; } laps {font-family: verdana, helvetica; värv: # cc0000; piir: tahke 5px; piiri värv: # cc0000; }

Kui olete oma XML-dokumendi ja oma stiil tabeli on kirjutatud, peate need kokku panema. HTML-i sarnase HTML-i käsuga lingi käsuga panete XML-dokumendi ülaosale rea (XML-deklaratsiooni all) XML-i parserile, kus saab stiilitabeleid leida. Näiteks:

Nagu ma eespool ütlesin, peaks see rida olema allpool Deklaratsioonis, kuid enne XML-dokumendi mis tahes elementi.

Kogu see kokku, teie XML-dokument loeb:

< ! ELEMENT child (#PCDATA)>]> Judy Layard Jennifer Brendan