Styling XML dokumenti ar CSS

Padariet savu XML izskatu, kā jūs to vēlaties, ar kaskādes stilu lapām

XML dokumenta izveide, DTD rakstīšana un parsēšana ar pārlūkprogrammu ir kārtībā, bet kā dokumentam būs redzams, kad to aplūkosit? XML nav displeja valoda. Patiesībā dokumentiem, kas rakstīti ar XML, vispār nav formatējuma.

Tātad, kā es varu aplūkot manu XML?

Pārlūkprogrammā XML skatīšanās atslēga ir Cascading Style Sheets. Stilu lapas ļauj definēt visus XML dokumenta aspektus, sākot no jūsu teksta lieluma un krāsas līdz jūsu ne-teksta objektu fona un pozīcijai.

Pieņemsim, ka jums ir XML dokuments:

]> Judy Layard Jennifer Brendan

Ja jums vajadzētu skatīt šo dokumentu pārlūkprogrammā XML, piemēram, pārlūkprogrammā Internet Explorer, tas būtu redzams šādi:

Judy Layard Jennifer Brendan

Bet ko tad, ja vēlaties atšķirt vecāku un bērna elementus? Vai arī vizuāli nošķirot visus dokumenta elementus. Jūs to nevarat darīt, izmantojot XML, un tā nav valoda, kas domāta izmantošanai parādīšanai.

Bet par laimi, XML dokumentos ir viegli izmantot Cascading Style Sheets vai CSS, lai noteiktu, kā jūs vēlaties, lai šie dokumenti un lietojumprogrammas parādās pārlūkprogrammā. Iepriekš minētajam dokumentam jūs varat definēt katra taga stilu tāpat kā HTML dokumentu.

Piemēram, HTML sadaļā jūs varētu vēlēties definēt visu tekstu punktu tagos (

) ar fontu virsmu Verdana, Ženēva vai Helvetica un fona krāsu zaļā krāsā. Lai definētu to stilu tabulā tā, lai visi punkti būtu līdzīgi, jūs rakstītu:

p {font-family: verdana, geneva, helvetica; fona krāsa: # 00ff00; }

Tie paši noteikumi darbojas XML dokumentos. Katru XML tagu var definēt XML dokumentā:

ģimene (krāsa: # 000000; } mātes {font-family: Arial Black; krāsa: # ff0000; robeža: cieta 5px; platums: 300 pikseļi; } bērns {font-family: verdana, helvetica; krāsa: # cc0000; robeža: cieta 5px; robežas krāsa: # cc0000; }

Kad esat izveidojis savu XML dokumentu un jūsu stilu lapa ir uzrakstīta, jums ir jāiekļauj kopā. Līdzīgi HTML koda komandai, jūs ievietojat rindiņu XML dokumenta augšdaļā (zem XML deklarācijas), informējot XML parsētāju, kur atrast stilu. Piemēram:

Kā es teicu iepriekš, šī rinda ir jāatrod zem deklarācijas , Bet pirms kāda no XML dokumenta elementiem.

Visu kopā, jūsu XML dokuments skan:

DOCTYPE ģimene [ < ! ELEMENT child (#PCDATA)]]> Judy Layard Jennifer Brendan