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:
]>As jy daardie dokument in 'n XML-blaaier, soos Internet Explorer, sou sien, sou dit so iets vertoon:
Judy Layard Jennifer BrendanMaar 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 (
p>) 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:
XML-style sheet type = "text / css" href = "stylesheet.css"?>Soos ek hierbo gesê het, behoort hierdie lyn onder die Xml?> Verklaring te staan, maar voor enige van die elemente in die XML-dokument.
Om dit alles saam te voeg, sal jou XML-dokument lees:
xml version = "1.0" standalone = "yes"> xml-styleheet type = "text / css" href = "stylesheet.css"?> < ! ELEMENT kind (# PCDATA)>]>