Passaggio da html a xhtml

Home

Articoli Webmaster

Articolo

articoli

Passaggio da html a xhtml

di Andrea Sciarretta

Cos'è l'xhtml, quali sono i vantaggi nell'adottare l'xhtml, la differenze tra html a xhtml...

Passaggio da html a xhtml

Xhtml: Extensible HyperText Markup Language

Cos'è l'xhtml?

L'xhtml 1.0 è definito come una riformulazione di html 4 in applicazione xml 1.0.

L'xhtml è una famiglia di tipi di documenti (pagine web) che riproduce, ingloba ed estende l'html 4. I tipi di documenti della famiglia xhtml si basano sull'xml, e sono disegnati fondamentalmente per poter lavorare insieme agli user agent basati su xml.

Vantaggi dell'xhtml

Fare il passaggio delle proprie applicazioni web da html a xhtml offre i seguenti vantaggi:

le pagine web xhtml sono conformi all'xml. In quanto tali sono facilmente visualizzate, editate e validate con i tool standard di xml;
possono essere scritte per funzionare in modo uguale o migliore di quanto facessero prima con gli user agent conformi a html 4, così come nei nuovi user agent conformi a xhtml 1.0;
possono utilizzare applicazioni (per esempio script e applet) che si basano sia sul Document Object Model di html sia su quello di xml;
saranno sempre più performanti alle interazioni sia interne alla pagina stessa e sia con diversi ambienti xhtml.

Passaggio da html a xhtml

Quale xhtml usare: strict, transitional o frameset?

Xhtml Strict
Questo livello da maggiore risalto alla struttura di un documento rispetto alla sua presentazione. Diversi elementi ed attributi del vecchio html non sono supportati, come non è supportato l'uso dei frame. L'idea è che l'xhtml si deve occupare della struttura del documento web, mentre la sua presentazione deve essere affidata ai fogli di stile css. La dichiarazione da specificare per i documenti che utilizzano questo livello di xhtml è:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">

Xhtml Transitional
I documenti che utilizzano questo tipo di xhtml ammettono l'utilizzo dei tag e degli attributi di presentazione non supportati dalla versione Strict. Non sono però ammessi i frame. La relativa dichiarazione è:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">

Xhtml Frameset
Adottando questo tipo di xhtml è possibile utilizzare, oltre a tutti i tag previsti da xhtml Transitional, i tag per la definizione dei frame. In questo caso occorre specificare questa dichiarazione:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "DTD/xhtml1-frameset.dtd">

Differenze con l'HTML 4: regole dell'XHTML 1.0 Transitional

Dichiarare l'appartenenza a xml
Ogni documento xhtml è, di fatto, un documento xml, quindi è corretto inserire come primo elemento all'interno dello stesso l'appartenenza al formalismo xml. Questa operazione la si può fare inserendo come prima riga, prima del doctype il seguente codice:

<?xml version="1.0" encoding="UTF-8" ?>
Definire lo spazio dei nomi
L'xhtml necessita la definizione di uno "spazio dei nomi" all'interno della sua prima marcatura, quindi sarà necessario sostituire la marcatura <html> con la seguente:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it">
Le marcature e i nomi degli attributi devono essere scritti in lettere minuscole
In xhtml tutte le marcature e gli attributi devono essere scritte in minuscolo.
Dunque la marcatura <BODY> andrà sostituita con <body> e l'attributo "NAME" sostituito con "name".
I valori degli attributi devono sempre essere compresi fra doppi apici
Ogni attributo in xhtml deve essere messo tra virgolette, quindi l'attributo class=piedipagina dovrà essere trascritto in class="piedipagina".
Inoltre ogni attributo deve avere il suo valore, quindi per fare un esempio <td nowrap> diverrà <td nowrap="nowrap">.
Chiudere i tag vuoti con uno spazio e lo slash
In xml non è permesso che una marcatura sia aperta ma non chiusa, quindi in caso di marcature come <br> o <hr> il validatore restituirebbe un errore. Andranno chiusi "in linea".
Chiudere una marcatura in linea vuol dire inserire un carattere / prima della sua chiusura. Inoltre per problemi d'interpretazione da parte di alcuni browser il W3C raccomanda di inserire uno spazio vuoto prima del /. Esempio: <br> diverrà <br />
Modello d'identificazione univoca
L'identificazione univoca degli elementi, come ad esempio le ancore, non deve più avvenire con l'attributo name ma bensì con l'attributo id.
Non inserire i doppi trattini in un commento
Un commento scritto così  non è più valido, esso andrà scritto così .
Assicurarsi che il segno minore e la e commerciale siano scritti con le loro entità < e &
Questi due caratteri non dovranno mai essere usati tranne che per l'inserimento di entità xhtml come le accentate, ad esempio la lettera "à" andrà scritta à. Quando si dovrà inserire la lettera & dovremo farlo usando la sua entità &. Allo stesso modo il carattere < dovrà essere scritto con la sua entità <.