XML-dokumentumok stílusa CSS-sel

click fraud protection

XML dokumentum létrehozása, a DTD megírása és böngészővel történő elemzése rendben van, de hogyan jelenik meg a dokumentum, amikor megnézi? XML nem az előadás nyelve. Az XML-sel írt dokumentumok egyáltalán nem lesznek formázva.

Az XML megtekintése

Az XML böngészőben történő megtekintésének kulcsa a Cascading Style Sheets. A stíluslapok lehetővé teszik az XML-dokumentum minden aspektusának meghatározását, a szöveg méretétől és színétől a nem szöveges objektumok hátteréig és helyzetéig.

Tegyük fel, hogy van XML-dokumentuma:


]>
Judy
Layard
Jennifer
Brendan

Ha XML-kész böngészőben, például az Internet Explorerben szeretné megtekinteni a dokumentumot, valami ilyesmit jelenít meg:

Judy Layard Jennifer Brendan

De mi lenne, ha különbséget tenne a szülő és a gyermek között? Vagy vizuálisan különbséget tehet a dokumentum összes eleme között. XML-rel ezt nem lehet megtenni, és ez nem egy nyelv, amelyet a megjelenítésre szántak.

Stílus XML

De szerencsére könnyű használni Lépcsőzetes stíluslapok, vagy

instagram viewer
CSS, XML dokumentumokban annak meghatározásához, hogy miként jelenítsék meg ezeket a dokumentumokat és alkalmazásokat, ha böngészőben tekintik meg őket. A fenti dokumentumhoz ugyanúgy meghatározhatja az egyes címkék stílusát, mint egy HTML dokumentumhoz.

Például HTML-ben érdemes megadni az összes szöveget a bekezdéscímkékben (

p {
font-család: verdana, geneva, helvetica;
háttérszín: # 00ff00;
}

Ugyanezek a szabályok működnek az XML dokumentumok esetében is. Minden XML címke meghatározható az XML dokumentumban:

család {
szín: # 000000;
}
szülő {
font-család: Arial Black;
szín: # ff0000;
szegély: szilárd 5 képpont;
szélesség: 300px;
}
gyermek {
font-család: verdana, helvetica;
szín: # cc0000;
szegély: szilárd 5 képpont;
szegélyszín: # cc0000;
}

Miután megvan az XML-dokumentuma és a stíluslapja meg van írva, össze kell állítania őket. Hasonlóan a HTML-ben lévő link parancshoz, az XML-dokumentum tetejére (az XML-deklaráció alá) tesz egy sort, és megmondja az XML-elemzőnek, hogy hol található a stíluslap. Például:


Mint fentebb említettük, ezt a sort a deklaráció alatt, de az XML dokumentum bármely eleme előtt kell megtalálni.

Az egészet összefoglalva az XML-dokumentum a következőket olvashatja:


]>
Judy
Layard
Jennifer
Brendan
instagram story viewer