Sådan style XML-dokumenter med CSS

click fraud protection

Oprettelse af et XML-dokument, skrivning af DTD og parsering af det med en browser er alt sammen fint, men hvordan vises dokumentet, når du ser det? XML er ikke et præsentationssprog. Dokumenter skrevet med XML har slet ingen formatering.

Sådan får du vist XML

Nøglen til visning af XML i en browser er Cascading Style Sheets. Stilark giver dig mulighed for at definere alle aspekter af dit XML-dokument, fra størrelsen og farven på din tekst til baggrunden og placeringen af ​​dine objekter, der ikke er tekst.

Sig, at du har et XML-dokument:


]>
Judy
Layard
Jennifer
Brendan

Hvis du skulle se dette dokument i en XML-klar browser, såsom Internet Explorer, ville det vise noget som dette:

Judy Layard Jennifer Brendan

Men hvad hvis du ønskede at skelne mellem forældre- og barnelementerne? Eller endda foretage en visuel skelnen mellem alle elementerne i dokumentet. Du kan ikke gøre det med XML, og det er ikke et sprog, der skal bruges til visning.

Styling XML

Men heldigvis er det let at bruge Cascading Style Sheets

instagram viewer
, eller CSSi XML-dokumenter for at definere, hvordan du ønsker, at disse dokumenter og applikationer skal vises, når de vises i en browser. For ovenstående dokument kan du definere stilen for hvert af tags på samme måde som et HTML-dokument.

For eksempel i HTML vil du muligvis definere al tekst i afsnitstags (

p {
font-familie: verdana, genève, helvetica;
baggrundsfarve: # 00ff00;
}

De samme regler fungerer for XML-dokumenter. Hvert tag i XML kan defineres i XML-dokumentet:

familie {
farve: # 000000;
}
forælder {
font-familie: Arial Black;
farve: # ff0000;
kant: solid 5 px;
bredde: 300px;
}
barn {
font-familie: verdana, helvetica;
farve: # cc0000;
kant: solid 5 px;
kantfarve: # cc0000;
}

Når du har dit XML-dokument, og dit typografiark er skrevet, skal du sammensætte dem. På samme måde som linkkommandoen i HTML placerer du en linje øverst i dit XML-dokument (under XML-erklæringen) og fortæller XML-parseren, hvor stilarket skal findes. For eksempel:


Som nævnt ovenfor skal denne linje findes under erklæringen, men før nogen af ​​elementerne i XML-dokumentet.

Hvis du sætter det hele sammen, læses dit XML-dokument:


]>
Judy
Layard
Jennifer
Brendan
instagram story viewer