Kako prikazati XML na spletni strani z uporabo CSS

Če ste seznanjeni s tem, kako CSS oblikuje HTML strani, boste cenili koncept oblikovanja. Na začetku označevalnega jezika XML je bilo prikazovanje podatkov nekoliko zapleteno, vendar se je to spremenilo s slogovnimi listi.

Z dodajanjem referenc v slogu lahko svojo kodo XML formatirate in prikažete kot spletno stran. Brez CSS ali drugega oblikovanja se XML prikaže kot osnovno besedilo z napako, ki navaja, da brskalnik ne more najti dokumenta za oblikovanje.

Primer XML stila

Preprost slogovni list zahteva le seznam elementov in atributov za oblikovanje, ki so potrebni za prikaz podatkov.

Ta bit kode pove procesorju, kateri elementi naj se prikažejo in kako bi morali videti na spletni strani, na primer:

Prva vrstica datoteke za oblikovanje je temeljni element. Atributi za root se nanašajo na celotno stran, vendar jih spremenite za vsako oznako. To pomeni, da lahko oznaÄŤite barvo ozadja strani in nato spet za vsak del.

Shranite to datoteko v isti imenik kot datoteka XML in se prepričajte, da ima razširitev .CSS datoteke.

Povezava na CSS Iz XML

Na tej točki sta to dva popolnoma ločena dokumenta. Procesor nima pojma, da bi radi sodelovali pri ustvarjanju spletne strani.

To lahko popravite tako, da na vrh dokumenta XML dodate izjavo, ki identificira pot do datoteke CSS. Izjava gre neposredno pod začetno izjavo deklaracije XML, na primer:

V tem primeru se kliče CSS datoteka products.css , zato je v dokumentu XML označen kot tak. Spremenite to v katero koli ime datoteke, ki ste ga izbrali za datoteko CSS.