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:
ELEMENT-i laps (#PCDATA)>]>Kui soovite seda dokumenti dokumendis vaadata XML-valmis brauseris, näiteks Internet Exploreris, peaks see näitama midagi sellist:
Judy Layard Jennifer BrendanAga 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 (
p>) 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:
xml-stiilidetüüp type = "text / css" href = "stylesheet.css"?>Nagu ma eespool ütlesin, peaks see rida olema allpool Xml?> Deklaratsioonis, kuid enne XML-dokumendi mis tahes elementi.
Kogu see kokku, teie XML-dokument loeb:
DOCTYPE perekond [ < ! ELEMENT child (#PCDATA)>]>