Hur man utformar XML-dokument med CSS

click fraud protection

Att skapa ett XML-dokument, skriva DTD och analysera det med en webbläsare är allt bra, men hur kommer dokumentet att visas när du visar det? XML är inte ett språk för presentation. Dokument skrivna med XML har ingen formatering alls.

Så här visar du XML

Nyckeln till att visa XML i en webbläsare är Cascading Style Sheets. Med stilark kan du definiera alla aspekter av ditt XML-dokument, från storleken och färgen på din text till bakgrunden och placeringen av dina objekt utan text.

Anta att du har ett XML-dokument:


]>
Judy
Layard
Jennifer
Brendan

Om du skulle visa det dokumentet i en XML-klar webbläsare, till exempel Internet Explorer, skulle det visa ungefär så här:

Judy Layard Jennifer Brendan

Men vad händer om du vill skilja mellan föräldra- och barnelementen? Eller till och med göra en visuell distinktion mellan alla element i dokumentet. Du kan inte göra det med XML, och det är inte ett språk som är tänkt att användas för visning.

Styling XML

Men lyckligtvis är det lätt att använda

instagram viewer
Cascading Style Sheets, eller CSS, i XML-dokument för att definiera hur du vill att dessa dokument och applikationer ska visas när de visas i en webbläsare. För ovanstående dokument kan du definiera stilen för var och en av taggarna på samma sätt som ett HTML-dokument.

Till exempel i HTML kanske du vill definiera all text i stycktaggar (

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

Samma regler fungerar för XML-dokument. Varje tagg i XML kan definieras i XML-dokumentet:

familj {
färg: # 000000;
}
förälder {
font-family: Arial Black;
färg: # ff0000;
gräns: solid 5px;
bredd: 300 pixlar;
}
barn {
font-family: verdana, helvetica;
färg: # cc0000;
gräns: solid 5px;
gränsfärg: # cc0000;
}

När du har ditt XML-dokument och ditt formatmall har skrivits måste du sätta ihop dem. På samma sätt som länkkommandot i HTML placerar du en rad högst upp i ditt XML-dokument (under XML-deklarationen) och berättar XML-parsern var stilsidan hittar. Till exempel:


Som anges ovan bör denna rad finnas under deklarationen men före något av elementen i XML-dokumentet.

Om du lägger ihop allt så läser ditt XML-dokument:


]>
Judy
Layard
Jennifer
Brendan
instagram story viewer