Come modellare documenti XML con CSS

Creare un documento XML, scrivere il DTD e analizzarlo con un browser va bene, ma come verrà visualizzato il documento quando lo visualizzi? XML non è un linguaggio di presentazione. I documenti scritti con XML non avranno alcuna formattazione.

Come visualizzare XML

La chiave per visualizzare XML in un browser sono i fogli di stile a cascata. I fogli di stile ti consentono di definire ogni aspetto del tuo documento XML, dalle dimensioni e dal colore del testo allo sfondo e alla posizione dei tuoi oggetti non di testo.

Supponi di avere un documento XML:


]>
Judy
Cordino
Jennifer
Brendan

Se dovessi visualizzare quel documento in un browser pronto per XML, come Internet Explorer, visualizzerebbe qualcosa del genere:

Judy Layard Jennifer Brendan

Ma cosa succede se volessi distinguere tra gli elementi padre e figlio? O anche fare una distinzione visiva tra tutti gli elementi nel documento. Non puoi farlo con XML e non è un linguaggio pensato per essere utilizzato per la visualizzazione.

Stile XML

instagram viewer

Ma fortunatamente è facile da usare Fogli di stile, o CSS, nei documenti XML per definire come si desidera che tali documenti e applicazioni vengano visualizzati quando vengono visualizzati in un browser. Per il documento di cui sopra, puoi definire lo stile di ciascuno dei tag nello stesso modo in cui faresti un documento HTML.

Ad esempio, in HTML potresti voler definire tutto il testo all'interno dei tag di paragrafo (

p {
font-family: verdana, ginevra, helvetica;
colore di sfondo: #00ff00;
}

Le stesse regole funzionano per i documenti XML. Ogni tag in XML può essere definito nel documento XML:

famiglia {
colore: #000000;
}
genitore {
famiglia di caratteri: Arial Black;
colore: #ff0000;
bordo: solido 5px;
larghezza: 300px;
}
bambino {
font-family: verdana, helvetica;
colore: #cc0000;
bordo: solido 5px;
colore del bordo: #cc0000;
}

Una volta che hai il tuo documento XML e il tuo foglio di stile è scritto, devi metterli insieme. Simile al comando link in HTML, metti una riga nella parte superiore del tuo documento XML (sotto la dichiarazione XML), dicendo al parser XML dove trovare il foglio di stile. Per esempio:


Come affermato sopra, questa riga dovrebbe essere trovata sotto la dichiarazione ma prima di qualsiasi elemento nel documento XML.

Mettendo tutto insieme, il tuo documento XML dovrebbe leggere:


]>
Judy
Cordino
Jennifer
Brendan
instagram story viewer