English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Corso di base HTML

Media HTML

Manuale di riferimento HTML

Corso di base HTML5

API HTML5

Media HTML5

Introduzione a XHTML

XHTML è HTML scritto in formato XML

Cos'è XHTML?

  • XHTML si riferisce al linguaggio di markup ipertestuale estensibile

  • XHTML è quasi lo stesso di HTML 4.01

  • XHTML è una versione di HTML più rigorosa e più pura

  • XHTML è definito come HTML applicato XML

  • XHTML è lo standard raccomandato del W3C pubblicato nel gennaio 2001

  • XHTML è supportato da tutti i browser mainstream

Perché usare XHTML?

Molte pagine su Internet contengono HTML "cattivo".

Se visualizzato nel browser, il codice HTML seguente funziona molto bene (anche se non segue le regole HTML):

<html>
<head>
<meta charset="utf-8">
<title>Questo è un HTML non standard</title>
<body>
<h1>HTML non standard
<p>Questo è un paragrafo
</body>

XML è un linguaggio di markup che deve essere correttamente etichettato e ben formato.

Nel mondo della tecnologia di oggi esistono diverse tecnologie di browser. Alcune funzionano sui computer, mentre altre potrebbero funzionare sui telefoni cellulari o su altri piccoli dispositivi. I piccoli dispositivi spesso mancano delle risorse e delle capacità per interpretare i linguaggi di markup "cattivi".

Quindi - combinando i vantaggi di XML e HTML, è stato sviluppato XHTML. XHTML è stato ridisegnato come XML HTML.

La differenza più importante rispetto a HTML:

Struttura del documento

  • Il DOCTYPE XHTML èObbligatorio

  • L'attributo XML namespace in <html> èObbligatorio

  • <html>, <head>, <title> e <body> sono ancheObbligatorio

Sintassi degli elementi

  • Gli elementi XHTML devonoImbusticate correttamente

  • Gli elementi XHTML devono sempreChiuse

  • Gli elementi XHTML devonoIn minuscolo

  • Il documento XHTML deve avereUn elemento radice

Sintassi delle proprietà

  • Le proprietà XHTML devono utilizzareIn minuscolo

  • I valori delle proprietà XHTML devono essere utilizzatiEncapsulato in virgolette

  • La minimizzazione delle proprietà XHTML è ancheProibito

<!DOCTYPE ....> è obbligatorio

Il documento XHTML deve dichiarare il tipo di documento XHTML (XHTML DOCTYPE declaration).

Puoi trovare la guida completa sui tag nel manuale di riferimento dei tag della guida di base: Tipo di documento XHTML.

<html>, <head>, <title> e <body> devono esistere e devono utilizzare l'attributo xmlns in <html> per definire lo spazio dei nomi XML del documento.

Il seguente esempio mostra un documento XHTML con il numero minimo di etichette necessarie:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
  <meta charset="utf-8">
  <title>Titolo del documento</title>
</head>
 
<body>
Contenuto del documento
</body>
 
</html>

Gli elementi XHTML devono essere opportunamente annidati

In HTML, alcuni elementi possono non essere annidati, come nel seguente esempio:

<b><i>Testo in grassetto e corsivo</b></i>

In XHTML, tutti gli elementi devono essere opportunamente annidati, come nel seguente esempio:

<b><i>Testo in grassetto e corsivo</i></b>

Gli elementi XHTML devono avere un tag di chiusura

Esempio errato:

<p>Questo è un paragrafo
<p>Questo è un altro paragrafo

Esempio corretto:

<p>Questo è un paragrafo</p>
<p>Questo è un altro paragrafo</p>

Gli elementi vuoti devono contenere un tag di chiusura

Esempio errato:

Ritorno a capo: <br>
Linea orizzontale: <hr>
Immagine: <img src="happy.gif" alt="Faccia felice">

Esempio corretto:

Ritorno a capo: <br />
Linea orizzontale: <hr />
Immagine: <img src="happy.gif" alt="Faccia felice" />

Gli elementi XHTML devono essere in minuscolo

Esempio errato:

<BODY>
<P>Questo è un paragrafo</P>
</BODY>

Esempio corretto:

<body>
<p>Questo è un paragrafo</p>
</body>

Il nome dell'attributo deve essere in minuscolo

Esempio errato:

<table WIDTH="100%">

Esempio corretto:

<table width="100%">

Il valore dell'attributo deve essere tra virgolette

Esempio errato:

<table width=100%>

Esempio corretto:

<table width="100%">

Non sono ammesse abbreviazioni degli attributi

Esempio errato:

<input checked>
<input readonly>
<input disabled>
<option selected>

Esempio corretto:

<input checked="checked">
<input readonly="readonly">
<input disabled="disabled">
<option selected="selected">

Come convertire HTML in XHTML

  • Aggiungi un <!DOCTYPE> XHTML alla tua pagina web

  • Aggiungi l'attributo xmlns a tutti gli elementi html di ogni pagina.

  • Cambia tutti gli elementi in minuscolo

  • Chiudi tutti gli elementi vuoti

  • Modifica tutti i nomi delle proprietà in minuscolo

  • Aggiungi virgolette a tutti i valori delle proprietà

  • Usa il validator W3C per testare il tuo XHTML

    Inserisci il tuo URL nel riquadro di input sottostante: