Hartimi i Dokumenteve XML me CSS

Bëni pamjen tuaj XML si ta doni me fletët e stilit Cascading

Krijimi i një dokumenti XML, shkrimi i DTD-së dhe analizimi i saj me një shfletues është në rregull, por si do të shfaqet dokumenti kur e shihni atë? XML nuk është një gjuhë e ekranit. Në fakt, dokumentet e shkruara me XML nuk do të kenë fare formatim.

Pra, si mund ta shoh XML-in time?

Çelësi për të parë XML në një shfletues është Cascading Style Sheets. Fletët e stilit ju lejojnë të përcaktoni çdo aspekt të dokumentit tuaj XML, nga madhësia dhe ngjyra e tekstit tuaj në sfondin dhe pozicionin e objekteve tuaja jo-tekstuale.

Thuaj që keni një dokument XML:

< ]> Judy Layard Jennifer Brendan

Nëse do ta shihje atë dokument në një shfletues të gatshëm XML, siç është Internet Explorer, do të shfaqte diçka të tillë:

Judy Layard Jennifer Brendan

Por, çka nëse dëshironi të dalloni midis elementeve prindër dhe fëmijës? Ose edhe të bëjë një dallim vizual në mes të gjitha elementet në dokument. Nuk mund ta bësh këtë me XML, dhe nuk është një gjuhë që do të përdoret për t'u shfaqur.

Por për fat të mirë, është e lehtë të përdorësh Cascading Style Sheets ose CSS në dokumentet XML për të përcaktuar se si do që këto dokumente dhe aplikacione të shfaqen kur shihen në një shfletues. Për dokumentin e mësipërm, ju mund të përcaktoni stilin e secilit prej etiketave në të njëjtën mënyrë si do të keni një dokument HTML.

Për shembull, në HTML ju mund të dëshironi të përcaktoni të gjithë tekstin brenda etiketave të paragrafit (

) me fytyrën e shkronjave Verdana, Gjenevë ose Helvetica dhe ngjyrën e sfondit të gjelbër. Për ta përcaktuar atë në një fletë stili në mënyrë që të gjitha paragrafët të jenë kështu, do të shkruanit:

p {font-familja: verdana, geneva, helvetica; background-color: # 00ff00; }

Të njëjtat rregulla punojnë për dokumentet XML. Çdo tag në XML mund të përcaktohet në dokumentin XML:

familja {ngjyra: # 000000; } prind {font-family: Arial Black; ngjyra: # ff0000; kufiri: solid 5px; gjerësia: 300px; } fëmijë {font-family: verdana, helvetica; ngjyra: # cc0000; kufiri: solid 5px; kufiri-ngjyra: # cc0000; }

Pasi të keni dokumentin tuaj XML dhe stili juaj i stilit është shkruar, ju duhet t'i vendosni ato së bashku. Ngjashëm me komandën e lidhjes në HTML, ju vendosni një vijë në krye të dokumentit tuaj XML (poshtë deklaratës XML), duke u treguar XML parser ku të gjeni fletën e stilit. Për shembull:

Siç kam thënë më lart, kjo linjë duhet të gjendet nën deklaratën , Por para ndonjë prej elementëve në dokumentin XML.

Duke vënë të gjitha së bashku, dokumenti juaj XML do të lexonte:

< < Brendan