Kako oblikovati dokumente XML s CSS

click fraud protection

Ustvarjanje dokumenta XML, pisanje DTD-ja in razčlenitev z brskalnikom je v redu, toda kako se bo dokument prikazal, ko si ga ogledate? XML ni jezik predstavitve. Dokumenti, napisani z XML, sploh ne bodo imeli oblikovanja.

Kako si ogledati XML

Ključ za ogled XML-ja v brskalniku so kaskadni stilski listi. Slogovni listi vam omogočajo, da določite vsak vidik dokumenta XML, od velikosti in barve besedila do ozadja in položaja predmetov, ki niso besedilo.

Recimo, da imate dokument XML:


]>
Judy
Layard
Jennifer
Brendan

Če bi si ta dokument ogledali v brskalniku, pripravljenem za XML, kot je Internet Explorer, bi prikazal nekaj takega:

Judy Layard Jennifer Brendan

Kaj pa, če bi želeli razlikovati med starševskim in podrejenim elementom? Ali pa celo vizualno ločite med vsemi elementi v dokumentu. Tega ne morete storiti z XML in to ni jezik, ki naj bi bil uporabljen za prikaz.

Oblikovanje XML

Toda na srečo je enostaven za uporabo Cascading Style Sheets, ali CSS, v dokumentih XML, da določite, kako želite, da se ti dokumenti in aplikacije prikazujejo v brskalniku. Za zgornji dokument lahko slog vsake oznake določite na enak način kot dokument HTML.

instagram viewer

Na primer, v HTML boste morda želeli določiti celotno besedilo znotraj oznak odstavkov (

p {
družina pisav: verdana, geneva, helvetica;
barva ozadja: # 00ff00;
}

Ista pravila veljajo za dokumente XML. Vsako oznako v XML lahko definirate v dokumentu XML:

družina {
barva: # 000000;
}
starš {
družina pisav: Arial Black;
barva: # ff0000;
obroba: solid 5px;
širina: 300px;
}
otrok {
družina pisav: verdana, helvetica;
barva: # cc0000;
obroba: solid 5px;
barva obrobe: # cc0000;
}

Ko imate dokument XML in je zapisan slog, jih morate sestaviti. Podobno kot ukaz link v HTML, na vrh dokumenta XML (pod deklaracijo XML) postavite vrstico, ki razčlenjevalniku XML sporoči, kje najti tabelo s slogi. Na primer:


Kot je navedeno zgoraj, mora biti ta vrstica pod izjavo, vendar pred katerim koli elementom v dokumentu XML.

Če vse skupaj združimo, bi se vaš dokument XML glasil:


]>
Judy
Layard
Jennifer
Brendan
instagram story viewer