XML dokumentuak CSS estilizatzea

Egin zure XML begirada nola nahi duzun Cascading Style Sheets-ekin

Dokumentu XML bat sortzea, DTD idaztea eta arakatzailearekin bateratzea oso ondo dago, baina nola dokumentua erakutsiko du ikusten duzunean? XML ez da pantailako hizkuntza. Izan ere, XML-k idatzitako dokumentuak ez du formateorik.

Beraz, nola ikusten dut nire XML?

Arakatzailean XML ikusteko modua Cascading Style Sheets da. Estilo-orriek zure XML dokumentuaren alderdi guztiak definitu ditzakete, testuaren tamaina eta kolorea testu ez-testuen atzeko planoan eta kokapenean.

Esan XML dokumentua duzula:

]> Judy Layard Jennifer Brendan

Dokumentu hori XML prest dagoen arakatzailean ikusi nahi baduzu, Internet Explorer-en adibidez, hau bezalako zerbait agertuko litzateke:

Judy Layard Jennifer Brendan

Baina zer guraso eta seme-alaba elementuen artean bereiztu nahi baduzu? Edo dokumentu honetako elementu guztien artean bereizmen bisuala ere egin. Ezin duzu XML-rekin egin, eta ez da bistaratzeko erabiliko den hizkuntza.

Alabaina, zoritxarrez, erraza da Cascading Style Sheets (CSS) erabiltzea, XML dokumentuetan, dokumentu eta aplikazio horiek nabigatzailean ikusi nahi dituzun bezala definitzeko. Goiko dokumentuan, etiketa bakoitzaren estiloa zehaztu dezakezu HTML dokumentu bat era berean.

Adibidez, HTML formatuan (

) paragrafoaren etiketak testu berdea zehaztu nahi dituzu Verdana, Geneva edo Helvetica letra-tipoekin eta atzeko planoko kolore berdeekin. Estilo-orri batean definitzeko, paragrafo guztiek horrela izan dezaten, idazten zenuke:

p {font-family: verdana, geneva, helvetica; atzeko planoaren kolorea: # 00ff00; }

Arau beretan XML dokumentuetan lan egiten dute. XML etiketa bakoitza XML dokumentuan definitu daiteke:

familia {kolorea: # 000000; } guraso {font-family: Arial Black; kolorea: # ff0000; mugan: 5px sendo; zabalera: 300 px; } haur {font-family: verdana, helvetica; kolorea: # cc0000; mugan: 5px sendo; mugako kolorea: # cc0000; }

Zure XML dokumentua eta zure estiloa idatzita daudenean, elkarrekin jarri behar dituzu. HTML estekaren komandoaren antzekoa, zure XML dokumentuaren goialdeko lerro bat jarri duzu (XML deklarazioaren azpian), XML analizatzailea adierazteko estilo-orria aurkitzeko. Adibidez:

Goiko esan dudan bezala, lerro hau Aitorpenaren azpian aurkitu beharko litzateke, baina XML dokumentuko edozein elementuren aurretik.

Elkarrekin jartzea, zure XML dokumentuak irakurriko luke:

< ! Element child (#PCDATA)>]> Judy Layard Jennifer Brendan