Stíll XML skjöl með CSS

Gerðu XML útlit þitt hvernig þú vilt að það sé með Cascading Style Sheets

Að búa til XML skjal, skrifa DTD og flokka það með vafra er allt í lagi, en hvernig mun skjalið birtast þegar þú skoðar það? XML er ekki tungumál á skjánum. Í raun munu skjöl sem eru skrifuð með XML ekki hafa nein snið.

Svo, hvernig skoða ég XML minn?

Lykillinn að því að skoða XML í vafra er Cascading Style Sheets. Stílblöð leyfa þér að skilgreina alla þætti XML skjalsins, frá stærð og lit textans þíns til bakgrunnsins og stöðu hlutanna sem eru ekki textar.

Segðu að þú hafir XML skjal:

]> Judy Layard Jennifer Brendan

Ef þú varst að skoða þetta skjal í XML-vafra, eins og Internet Explorer, myndi það sýna eitthvað svoleiðis:

Judy Layard Jennifer Brendan

En hvað ef þú vildir skilja á milli foreldra og barnaþáttanna? Eða jafnvel gera sjónarmið á milli allra þátta í skjalinu. Þú getur ekki gert það með XML, og það er ekki tungumál sem ætlað er að nota til birtingar.

En sem betur fer er auðvelt að nota Cascading Style Sheets eða CSS í XML skjölum til að skilgreina hvernig þú vilt að þessi skjöl og forrit birtist þegar skoðað í vafra. Fyrir ofangreint skjal er hægt að skilgreina stíl hvers merkja á sama hátt og þú myndir HTML skjal.

Til dæmis, í HTML gætir þú viljað skilgreina alla texta innan merkjamerkja (

) með letri andlitinu Verdana, Geneva eða Helvetica og bakgrunnslitinn grænn. Til að skilgreina það í stílblöð þannig að allar málsgreinar séu svona, myndirðu skrifa:

p {font-family: verdana, geneva, helvetica; bakgrunnslit: # 00ff00; }

Sama reglur vinna fyrir XML skjöl. Hvert merki í XML er hægt að skilgreina í XML skjalinu:

fjölskylda {lit: # 000000; } foreldri {font-family: Arial Black; litur: # ff0000; landamæri: solid 5px; breidd: 300px; } barn {font-family: verdana, helvetica; litur: # cc0000; landamæri: solid 5px; landamærum lit: # cc0000; }

Þegar þú hefur XML skjalið þitt og stílblöð þín er skrifað þarftu að setja þau saman. Líkur á tengiliðastjórnuninni í HTML, setur þú línu efst á XML skjalinu þínu (undir XML yfirlýsingunni) og segir XML-flokka hvar á að finna stíllinn. Til dæmis:

Eins og ég sagði hér að framan, ætti þessi lína að finna undir Yfirlýsingunni en fyrir nokkur atriði í XML skjalinu.

Ef þú setur allt saman, XML skjalið þitt myndi lesa:

< Jennifer Brendan