Come visualizzare XML su una pagina Web utilizzando CSS

click fraud protection

Se hai familiarità con come CSS stili HTML pagine, apprezzerai il concetto di formattazione. All'inizio del XML linguaggio di markup, la visualizzazione dei dati era un po' complicata, ma è cambiata con i fogli di stile.

Aggiungendo un riferimento al foglio di stile, puoi formattare e visualizzare il tuo codice XML come una pagina web. Senza CSS o qualche altra formattazione, XML appare come testo di base con un errore che indica che il browser non è riuscito a trovare un documento di formattazione.

Stile XML

Un semplice foglio di stile richiede solo di elencare l'elemento e gli attributi di formattazione necessari per visualizzare i dati.

La prima riga del file di formattazione è l'elemento radice. Gli attributi per la radice si applicano all'intera pagina, ma li modifichi per ogni tag. Ciò significa che puoi designare il colore di sfondo per la pagina e poi di nuovo per ogni sezione.

Salva il file nella stessa directory del file XML e assicurati che abbia l'estensione .CSS.

Collegamento al CSS dall'XML

instagram viewer

Si tratta, a questo punto, di due documenti completamente separati. Il processore non ha idea che tu voglia che lavorino insieme per creare una pagina web.

Puoi risolvere questo problema aggiungendo un'istruzione all'inizio del documento XML che identifichi il percorso del file CSS. L'istruzione va direttamente sotto l'istruzione di dichiarazione XML iniziale.

instagram story viewer