|
Home -> Articoli -> XHTML
XHTML
 Di seguito troverete una mini guida al linguaggio XHTML (EXtensible HyperText Markup Language), combinazione appunto dell'XML e dell'HTML.
Esso infatti appartiene alla famiglia dei linguaggi XML e rappresenta, proprio per le sue regole severe e rigide, una forma migliore e più funzionale del''HTML 4.01.
XHTML 1.0 è inoltre una raccomandazione del W3C sin dal 26/01/2000, nel senso che presso il sito del W3C è possibile trovare uno standard per tale linguaggio (oramai giunto ad una versione stabile e compatibile con tutti i browser); è inoltre possibile trovarvi un validatore di codice XHTML. Il tipico pulsante per il web di validazione è il seguente:
Perchè si dice che l'XHTML è severo? L'XHTML è costituito da tutti i tags HTML e da tutte le regole rigide provenienti dall'XML. Ad esempio in HTML, voi potete scrivere il seguente codice (errato, visto che il tag non è stato chiuso) ed il browser lo interpreta correttamente lo stesso:
L'XML è un linguaggio di markup dove ogni porzione di codice deve essere scritta correttamente secondo delle regole precise, che valgono quindi anche per l'XHTML. Ecco perchè l'XML è stato creato per descrivere dati e l'HTML per rappresentarli.
Lo standard XHTML è molto simile a quello dell'HTML 4.01, con qualche differenza:
- il minuscolo è diverso dal MAIUSCOLO,
- Tutti i tags devono essere chiusi in maniera corretta; ad esempio il seguente codice risulterebbe errato, visto che l'ordine di chiusura è diverso da quello di apertura dei tags stessi,
- Tutti i tags devono essere scritti in minuscolo (questo perchè l'XML è case-sensitive),
- Ogni documento deve essere ben formato (vedi la guida XML sull'argomento),
- Anche i tags "vuoti" devono essere chiusi: un esempio è il <br>, che deve essere chiuso così <br /> (Ricordatevi di inserire lo spazio tra la sbarra ed il tag, altrimnti il browser potrebbe non interpretare correttamente il codice); altro esempio è il tag <img />,
- Tutti i valori degli attributi dei tags devono essere racchiusi tra le virgolette (ad esempio è corretto width="100%"),
- Tutti gli attributi singoli devono essere scritti in maniera opportuna (ad esempio non è corretto scrivere <input checked>, ma lo è invece <input checked="checked">),
- L'attributo name è sostituito dall'attributo id,
- Tutti i documenti XHTML devono avere una dichiarazione di tipo di documento, attraverso il DOCTYPE; di seguito è riportato il codice tipico di un documento xhtml (che avrà quindi estensione .xhtml):
<!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>Titolo della pagina</title>
</head>
<body>
... Testo del documento....
</body>
</html>
|
Da notare che il DOCTYPE, non facendo parte del documento XHTML, non deve essere chiuso. L'attributo xmlns nel tag <html> è richiesto in XHTML. In ogni caso, il validatore su w3.org non ritorna un messaggio di errore se esso non è presente nel documento XHTML; questo perchè il namespace "xmlns=http://www.w3.org/1999/xhtml" è un valore fisso ed aggiunto automaticamente al tag html.
Il documento XHTML è quindi composto da tre parti: DOCTYPE, HEAD e BODY e la dichiarazione DOCTYPE deve essere sempre posta alla prima riga del documento stesso.
Nell'esempio di sopra, il DOCTYPE specifica una DTD (Document Type Definition) esterna, che specifica delle regole per il documento xhtml. Al momento ci sono tre tipologie di documento xhtml:
- strict, usata nei documenti in cui si vuole rigorosamente rispettare le regole XML:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- transitional, usata quando si vuole usare un browser che non supporta i CSS:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- frameset, usata per quelle pagine che hanno una struttura a FRAME:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
Un esempio di sito web realizzato in XHTML è il seguente.
Cerca nel sito 
|
