Himoa ang imong XML Look How You Want it To with Cascading Style Sheets
Ang paghimo sa usa ka dokumento nga XML, pagsulat sa DTD, ug pag-parse niini sa usa ka browser ang tanan maayo, apan unsaon ipakita ang dokumento sa imong pagtan-aw niini? Ang XML dili usa ka pinulongan nga gipakita. Sa pagkatinuod, ang mga dokumento nga gisulat sa XML wala'y pag-format.
Busa, Giunsa Ko Tan-awa ang XML?
Ang yawe sa pagtan-aw sa XML sa usa ka browser mao ang Cascading Style Sheets. Ang mga style sheets nagtugot kanimo sa paghubit sa matag aspeto sa imong XML nga dokumento, gikan sa gidak-on ug kolor sa imong teksto ngadto sa background ug posisyon sa imong mga butang nga dili teksto.
Isulti nga adunay dokumento sa XML:
LayardKon imong tan-awon ang dokumento sa XML nga andam nga browser, sama sa Internet Explorer, mopakita kini sa ingon niini:
Judy Layard nga si Jennifer BrendanApan komosta kon gusto nimong mahibal-an ang mga elemento sa ginikanan ug anak? O bisan sa paghimo sa usa ka biswal nga kalainan tali sa tanan nga mga elemento sa dokumento. Dili nimo mahimo kana sa XML, ug kini dili usa ka pinulongan nga gituyo nga gamiton aron ipakita.
Apan sa pagkamatuod, kini sayon nga gamiton ang Cascading Style Sheets , o CSS, sa mga dokumento sa XML aron mahibal-an kung unsa ang imong gusto nga ipadayag sa mga dokumento ug mga aplikasyon kon makita sa usa ka browser. Alang sa dokumento sa ibabaw, mahimo nimong isaysay ang estilo sa matag usa sa mga tag sa samang paagi nga imong buhaton ang usa ka HTML nga dokumento.
Pananglitan, diha sa HTML mahimo nimo ipasabot ang tanan nga teksto sulod sa mga tag sa parapo (
) uban ang font nga nawong Verdana, Geneva, o Helvetica ug ang kolor nga kolor sa lasang. Aron mahibal-an nga sa usa ka stylesheet aron nga ang tanan nga mga parapol sama niini, ikaw mosulat:
p {font-family: verdana, geneva, helvetica; background-color: # 00ff00; }Ang sama nga mga lagda nagtrabaho alang sa mga dokumento sa XML. Ang matag tag sa XML mahimo nga gihubit sa XML nga dokumento:
pamilya {color: # 000000; } parent {font-family: Arial Black; kolor: # ff0000; utlanan: solid 5px; lapad: 300px; } anak {font-family: verdana, helvetica; kolor: # cc0000; utlanan: solid 5px; border-color: # cc0000; }Sa higayon nga imo ang imong XML nga dokumento ug ang imong stylesheet nahisulat, kinahanglan nimo kini isulat. Sama sa link nga komand sa HTML, imong gibutang ang usa ka linya sa ibabaw sa imong XML nga dokumento (sa ubos sa XML nga deklarasyon), nagsulti sa XML parser kung asa makit-an ang stylesheet. Pananglitan:
Ingon sa giingon ko sa ibabaw, kini nga linya kinahanglan nga makita sa ubos sa Deklarasyon apan sa bisan unsang mga elemento sa XML nga dokumento.
Pag-usa niini, ang imong XML nga dokumento mabasa:
<