Come applicare uno stile ai documenti XML con CSS

Codice HTML e CSS in un ambiente IDE

Boskampi/Pixabay/Creative Commons





Creare un documento XML, scrivere il DTD e analizzarlo con un browser va bene, ma come verrà visualizzato il documento quando lo visualizzerai? 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, dalla dimensione e colore del tuo testo allo sfondo e alla posizione dei tuoi oggetti non testuali.



Supponiamo di avere un documento XML:

|_+_|

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



|_+_|

E 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

Ma fortunatamente, è facile da usare Fogli di stile , o CSS , nei documenti XML per definire come si desidera visualizzare tali documenti e applicazioni quando vengono visualizzati in un browser. Per il documento precedente, 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 (

|_+_|

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



|_+_|

Una volta che hai il tuo documento XML e il tuo foglio di stile è stato 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 indicato sopra, questa riga dovrebbe essere trovata sotto la dichiarazione ma prima di qualsiasi elemento nel documento XML.



Mettendo tutto insieme, il tuo documento XML leggerebbe:

|_+_|