Styling van XML-dokumente met CSS

Maak jou XML-kyk hoe jy dit wil hê met Cascading Style Sheets

Om 'n XML-dokument te skep, die DTD te skryf en dit met 'n blaaier te ontleed, is alles goed, maar hoe sal die dokument vertoon wanneer jy dit sien? XML is nie 'n taal van vertoning nie. Trouens, dokumente wat met XML geskryf is, sal glad nie geformateer word nie.

So, hoe sien ek my XML?

Die sleutel om XML in 'n blaaier te besigtig, is Cascading Style Sheets. Met stylblaaie kan u elke aspek van u XML-dokument omskryf, van die grootte en kleur van u teks na die agtergrond en posisie van u nie-teks voorwerpe.

Sê jy het 'n XML-dokument:

]> Judy Layard Jennifer Brendan

As jy daardie dokument in 'n XML-blaaier, soos Internet Explorer, sou sien, sou dit so iets vertoon:

Judy Layard Jennifer Brendan

Maar wat as jy wou onderskei tussen die ouer en die kind elemente? Of maak selfs 'n visuele onderskeid tussen al die elemente in die dokument. Jy kan dit nie met XML doen nie, en dit is nie 'n taal wat vir vertoning gebruik moet word nie.

Maar gelukkig is dit maklik om Cascading Style Sheets , of CSS, in XML-dokumente te gebruik om te definieer hoe jy daardie dokumente en programme wil vertoon wanneer dit in 'n blaaier besigtig word. Vir die bogenoemde dokument kan u die styl van elk van die etikette definieer soos u 'n HTML-dokument sou wou hê.

Byvoorbeeld, in HTML wil jy dalk alle teks binne paragraafmerke (

) definieer met die lettertipe gesig Verdana, Genève of Helvetica en die agtergrondkleur groen. Om dit in 'n styleblad te definieer sodat alle paragrawe so is, skryf jy:

p (font-familie: verdana, geneva, helvetica; agtergrondkleur: # 00ff00; }

Dieselfde reëls werk vir XML-dokumente. Elke tag in XML kan gedefinieer word in die XML-dokument:

familie (kleur: # 000000; } ouer {font-family: Arial Black; kleur: # ff0000; grens: soliede 5px; breedte: 300px; } kind {font-family: verdana, helvetica; kleur: # cc0000; grens: soliede 5px; grens-kleur: # cc0000; }

Sodra jy jou XML-dokument het en jou styleblad geskryf is, moet jy dit saamvoeg. Soortgelyk aan die skakel opdrag in HTML, sit jy 'n lyn bo-aan jou XML-dokument (onder die XML-verklaring), en vertel die XML-parser waar die stylevel moet gevind word. Byvoorbeeld:

Soos ek hierbo gesê het, behoort hierdie lyn onder die Verklaring te staan, maar voor enige van die elemente in die XML-dokument.

Om dit alles saam te voeg, sal jou XML-dokument lees:

< ! ELEMENT kind (# PCDATA)>]> Judy Layard Jennifer Brendan