Skip to main content

Bruke CSS til Style XML-dokumenter

Spinosaurus fishes for prey | Planet Dinosaur | BBC (April 2025)

Spinosaurus fishes for prey | Planet Dinosaur | BBC (April 2025)
Anonim

Å lage et XML-dokument, skrive DTD, og ​​analysere det med en nettleser, er greit, men hvordan skal dokumentet vises når du ser det? XML er ikke et språk på displayet. Faktisk vil dokumenter skrevet med XML ikke ha noen formatering i det hele tatt.

Så, hvordan ser jeg XML-en?

Nøkkelen til å vise XML i en nettleser er Cascading Style Sheets. Stilark kan du definere alle aspekter av XML-dokumentet ditt, fra størrelsen og fargen på teksten din til bakgrunnen og plasseringen av dine ikke-tekstobjekter.

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 slikt:

Judy Layard Jennifer Brendan

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

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

For eksempel, i HTML kan du kanskje definere all tekst i avsnittetiketter () med skrifttypen Ansikt Verdana, Genève eller Helvetica og bakgrunnsfargen grønn. For å definere det i et stilark slik at alle avsnittene er slik, ville du skrive:

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;

grense: solid 5px;

bredde: 300px;

}

barn {

font-familie: verdana, helvetica;

farge: # cc0000;

grense: solid 5px;

border-farge: # cc0000;

}

Når du har XML-dokumentet ditt og stilarket ditt er skrevet, må du sette dem sammen. I likhet med lenke-kommandoen i HTML, legger du en linje øverst på XML-dokumentet ditt (under XML-deklarasjonen), og forteller XML-parseren hvor du finner stilarket. For eksempel:

Som nevnt ovenfor, bør denne linjen finnes under <? Xml?> Deklarasjonen, men før noen av elementene i XML-dokumentet.

Når du legger alt sammen, vil XML-dokumentet ditt lese:

>

Judy

Layard

Jennifer

Brendan