Hvordan utforme XML-dokumenter med CSS

click fraud protection

Å lage et XML-dokument, skrive DTD og parsere det med en nettleser er greit, men hvordan vil dokumentet vises når du ser det? XML er ikke et presentasjonsspråk. Dokumenter skrevet med XML har ingen formatering i det hele tatt.

Hvordan vise XML

Nøkkelen til å vise XML i en nettleser er Cascading Style Sheets. Stilark lar deg definere alle aspekter av XML-dokumentet, fra størrelsen og fargen på teksten din til bakgrunnen og plasseringen til objektene du ikke har tekst.

Si at du har et XML-dokument:


]>
Judy
Layard
Jennifer
Brendan

Hvis du skulle se dokumentet i en XML-klar nettleser, for eksempel Internet Explorer, ville det vise noe sånt som dette:

Judy Layard Jennifer Brendan

Men hva om du ønsket å skille mellom foreldre- og barnelementene? Eller til og med gjøre et visuelt skille mellom alle elementene i dokumentet. Du kan ikke gjøre det med XML, og det er ikke et språk som er ment å brukes til visning.

Styling XML

Men heldigvis er det enkelt å bruke Cascading Style Sheets, eller CSS, i XML-dokumenter for å definere hvordan du vil at disse dokumentene og programmene skal vises når de vises i en nettleser. For dokumentet ovenfor kan du definere stilen til hver av kodene på samme måte som et HTML-dokument.

instagram viewer

I HTML vil du for eksempel definere all tekst i avsnittstagger (

p {
font-familie: verdana, geneva, helvetica;
bakgrunnsfarge: # 00ff00;
}

De samme reglene fungerer for XML-dokumenter. Hver tag i XML kan defineres i XML-dokumentet:

familie {
farge: # 000000;
}
foreldre {
font-familie: Arial Black;
farge: # ff0000;
kant: solid 5px;
bredde: 300px;
}
barn {
font-familie: verdana, helvetica;
farge: # cc0000;
kant: solid 5px;
kantfarge: # cc0000;
}

Når du har XML-dokumentet og stilarket ditt er skrevet, må du sette dem sammen. I likhet med koblingskommandoen i HTML setter du en linje øverst i XML-dokumentet ditt (under XML-erklæringen), og forteller XML-parseren hvor du finner stilarket. For eksempel:


Som nevnt ovenfor, bør denne linjen bli funnet under erklæringen, men før noen av elementene i XML-dokumentet.

Hvis du setter alt sammen, vil XML-dokumentet lese:


]>
Judy
Layard
Jennifer
Brendan
instagram story viewer