Ecco come si presenta il codice di una semplice pagina XHTML basata sulla DTD Strict:
Listato 1. Esempio di codice XHTML Strict
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>La mia prima pagina XHTML</title>
</head>
<body>
<h1>Benvenuto!</h1>
<p>Questo è il mondo di XHMTL!</p>
</body>
</html>
Suddividiamo ora il codice nelle quattro sezioni essenziali, evidenziandole con quattro colori diversi:
Figura 1. Sezioni principali del markup XHTML
Colore Significato
rosso il prologo
verde l'elemento radice (<html>)
viola l'intestazione (detta anche "testata") (<head>)
giallo il corpo del documento
Le analizzeremo nelle prossime lezioni, definendo nei dettagli la funzione di ciascuna e le differenze con HTML. Per ora iniziamo con un pò di pratica.
Il listato 1 contiene il codice della nostra prima pagina. Copiatelo e incollatelo, anche in un editor di testo. Salvate, nominando il documento "test.html", visualizzate nel vostro browser preferito.
A questo punto, dopo aver tanto insistito sul concetto di documento valido e ben formato, è opportuno imparare a fare la convalida. All'url
Il W3C dà la possibilità di validare i documenti tramite l'upload del file sui suoi server. Usate quindi l'url
Figura 2. Il nostro documento è valido
La prova è andata a buon fine, la pagina rispetta le regole. Possiamo ora passare all'analisi delle quattro sezioni del documento. Cominciamo dal prologo.
Listato 1. Esempio di codice XHTML Strict
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>La mia prima pagina XHTML</title>
</head>
<body>
<h1>Benvenuto!</h1>
<p>Questo è il mondo di XHMTL!</p>
</body>
</html>
Suddividiamo ora il codice nelle quattro sezioni essenziali, evidenziandole con quattro colori diversi:
Figura 1. Sezioni principali del markup XHTML
Colore Significato
rosso il prologo
verde l'elemento radice (<html>)
viola l'intestazione (detta anche "testata") (<head>)
giallo il corpo del documento
Le analizzeremo nelle prossime lezioni, definendo nei dettagli la funzione di ciascuna e le differenze con HTML. Per ora iniziamo con un pò di pratica.
Il listato 1 contiene il codice della nostra prima pagina. Copiatelo e incollatelo, anche in un editor di testo. Salvate, nominando il documento "test.html", visualizzate nel vostro browser preferito.
A questo punto, dopo aver tanto insistito sul concetto di documento valido e ben formato, è opportuno imparare a fare la convalida. All'url
Perfavore,
Entra
oppure
Registrati
per vedere i Link!
è possibile effettuare la validazione di qualunque documento presente in rete: basta inserire l'URI della pagina e cliccare su "Validate this page". Dal momento che la pagina appena creata è localizzata sulla nostra macchina dobbiamo usare un altro metodo.Il W3C dà la possibilità di validare i documenti tramite l'upload del file sui suoi server. Usate quindi l'url
Perfavore,
Entra
oppure
Registrati
per vedere i Link!
. Cercate il file da validare sul vostro PC e inviate la richiesta. Se il documento è valido riceverete, questo messaggio (figura 2):Figura 2. Il nostro documento è valido
La prova è andata a buon fine, la pagina rispetta le regole. Possiamo ora passare all'analisi delle quattro sezioni del documento. Cominciamo dal prologo.