Applicare un foglio di stile Css ad un file Xml

Corso XML
Creazione di strutture XML, XSL ed altri linguaggi eXtensible

Scritto da Luca Ruggiero nella sezione Xml

Affrontiamo il primo metodo per formattare un file Xml, mediante l'utilizzo dei fogli di stile Css, utilizziamo all'interno del file Xml questa stringa per richiamare il foglio di stile esterno, ad esempio xmlstyle.css:

<?xml-stylesheet type="text/css" href="xmlstyle.css"?>
Ripetiamo per intero il codice della pagina Xml creata nella lezione precedente, il file index.xml, arricchendolo della nuova dichiarazione per includere il file Css esterno:
<?xml version="1.0"?>

<?xml-stylesheet type="text/css" href="xmlstyle.css"?>

<guestbook>
   <user>
      <nome>Pippo</nome>
      <email>webmaster@pippo.it</email>
      <homepage>http://www.pippo.it</homepage>
      <commento>Testo del commento al guestbook!</commento>
   </user>
   <user>
      <nome>Pluto</nome>
      <email>webmaster@pluto.it</email>
      <homepage>http://www.pluto.it</homepage>
      <commento>Altro commento al guestbook!</commento>
   </user>
   <user>
      <nome>Paperino</nome>
      <email>webmaster@paperino.it</email>
      <homepage>http://www.paperino.it</homepage>
      <commento>Terzo commento al guestbook!</commento>
   </user>
</guestbook>
Creiamo ora il file xmlstyle.css e lo posizioniamo nella stessa cartella del file Xml, utilizziamo i nomi dei Tag che abbiamo creato (inventato) e gli assegniamo delle caratteristiche di stile:
nome {
   display: Block;
   color: #FF0000;
   font: Bold 12px Verdana;
}
email, homepage {
   display: Block;
   color: #0000FF;
   font: Bold 12px Verdana;
}
commento {
   display: Block;
   color: #000000;
   font: Bold 12px Verdana;
   padding-bottom: 30px;
}
Potete ora visualizzare l'esempio di questa lezione.

I più cliccati della sezione Xml

:: Estrarre dati da un file Xml con Javascript (33.348)

:: Un motore di ricerca con Xml e Javascript (25.881)

:: Applicare un foglio di stile Xsl ad un file Xml (22.255)

:: Leggere un file Xml con l'oggetto XMLDOM (18.113)

:: Introduzione all'oggetto XMLHTTP (16.951)

:: Leggere un Feed RSS con PHP (14.623)

:: Scorrere i record di un file Xml con Javascript (14.517)

:: Leggere un file Xml con Php (12.863)

:: Un sistema di login in Javascript ed Xml (11.908)

:: Inserire dati in un file Xml con l'oggetto XMLDOM (11.015)

IN EVIDENZA
DOWNLOAD