Styling XML dokumenti s CSS

Naredite svoj pogled XML, kako želite, s črkami s kaskadnimi slogami

Ustvarjanje dokumenta XML, pisanje DTD in razčlenjevanje z brskalnikom je vse v redu, ampak kako se bo dokument prikazal, ko ga boste videli? XML ni jezik prikaza. Pravzaprav dokumenti, napisani z XML, nimajo nikakršnega oblikovanja.

Torej, kako si lahko ogledam svoj XML?

Ključ za ogled XML v brskalniku je Cascading Style Sheets. Slogi s slogi omogočajo, da določite vsak vidik vašega dokumenta XML od velikosti in barve vašega besedila v ozadju in položaju vaših nebesednih predmetov.

Recimo, da imate dokument XML:

]> Layard Jennifer Brendan

Če bi si ogledali ta dokument v brskalniku, pripravljenem za XML, na primer v Internet Explorerju, bi se prikazalo nekaj takega:

Judy Layard Jennifer Brendan

Kaj pa, če bi želeli razlikovati med starševskimi in otroškimi elementi? Ali celo naredite vizualno razlikovanje med vsemi elementi v dokumentu. To ne morete storiti z XML in to ni jezik, ki naj bi se uporabljal za prikazovanje.

Toda na srečo je v dokumentih XML enostavno uporabiti Cascading Style Sheets ali CSS, da bi določili, kako želite, da se ti dokumenti in aplikacije prikažejo v brskalniku. V zgornjem dokumentu lahko določite slog posamezne oznake na enak način kot dokument HTML.

Na primer, v HTML-ju boste morda želeli definirati vse besedilo v oznakah odstavka (

) s pisavo Face Verdana, Geneva ali Helvetica in barvo ozadja zeleno. Če želite to opredeliti v slogovni tabeli, tako da bodo vsi odstavki taki, bi napisali:

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

Ista pravila uporabljajo za dokumente XML. Vsaka oznaka v XML je lahko definirana v dokumentu XML:

družina {color: # 000000; } star {{font-family: Arial Black; barva: # ff0000; meja: trdna 5px; širina: 300px; } otrok {font-family: verdana, helvetica; barva: # cc0000; meja: trdna 5px; meja barve: # cc0000; }

Ko imate dokument XML in napisan je vaš stil , jih morate sestaviti. Podobno kot ukaz link v HTMLu postavite vrstico na vrh vašega XML dokumenta (pod deklaracijo XML), pri čemer navedite razčlenjevalnik XML, kjer najdejo slogovno oznako. Na primer:

Kot rečeno zgoraj, naj bo to vrstico pod deklaracijo , Vendar pred katerim koli od elementov v dokumentu XML.

Če vse to naredite skupaj, se bo vaš dokument XML glasil:

< ! Element otroka (#PCDATA)>]> Judy Layard Jennifer Brendan