HTML5
In questo documento viene descritto, in forma molto breve e pratica, il linguaggio HTML5.
La diffusione di Internet e del Word Wide Web e' stata enorme.
Il linguaggio con cui sono scritte le pagine web e' l'HTML e l'ultima versione
pubblicata come standard e' del 1999 (HTML 4.01).
Ma l'evoluzione prevista dell'HTML verso forme piu' strutturate come l'XML ed l'XHTML
non ha trovato la convergenza sperata dal W3C (il consorzio che definisce le linee di guida
del Word Wide Web).
Sono nate estensioni e variazioni non standard dell'HTML,
alcune di notevole impatto ed importanza come Flash e VB Script.
Altre implementate solo da alcuni browser con TAG ed attributi aggiuntivi...
Le estensioni piu' importanti erano indirizzate a funzionalita' che
l'HTML non definiva. Ad esempio le animazioni grafiche ed i contenuti multimediali.
Questo richiedeva l'utilizzo di estensioni o plug-in specifici che di fatto
differenziavano tra loro i browser senza seguire alcuno standard.
Con una scelta pragmatica e coraggiosa il W3C ha deciso di definire un nuovo standard
chiamato HTML5 che al tempo stesso elimina delle parti e ne introduce di nuove.
L'HTML5 e' ricco di nuove funzionalita' per la grafica, la multimedialita', i dispositivi mobile, ...
Ma l'altra scelta importante del W3C e' stata quella di semplificare il linguaggio
escludendo quanto non era stato implementato dalla maggioranza dei browser.
Anche se l'HTLM5 non e' ancora definito come raccomandazione ma solo come Draft
tutti i browser ne hanno gia' implementato la maggior parte delle funzionalita':
quindi le scelte effettuate dal W3C sono vincenti.
Questa pagina riporta le caratteristiche dell'HTML5 che ritengo piu' importanti
e lo fa nel modo piu' concreto, ovvero con esempi di pagine reali:
di parole ne ho usate a sufficienza in questa introduzione!
Struttura di una pagina
La struttura di un documento e' stata semplificata nell'HTML5:
| HTML5 (Draft 2012) | HTML 4.01 (1999)
|
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Titolo della pagina</title>
</head>
<body>
Contenuti...
</body>
</html>
|
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Titolo della pagina</title>
</head>
<body>
Contenuti...
</body>
</html>
|
Pronti? Vediamo le novita'!
Cosa e' stato aggiunto
Sono molte le nuove funzionalita' introdotte dalla nuova versione del linguaggio.
Per dimostrare le novita' dell'HTML5 che ritengo piu' importanti ho preparato
qualche pagina di esempio:
I titoli delle pagine dovrebbero essere esplicativi!
Sono nuove funzionalita' dell'HTML5 che saranno supportate nativamente da ogni browser.
Per sapere come si fa... segui i link e visualizza il sorgente della pagina!
Cosa non c'e' piu'
Oltre alle semplificazioni nella struttura della pagina
sono molti i tag eliminati o quelli a cui sono stati
tolti attributi. Vediamoli...
Sono stati eliminati i TAG font center tt big...
Si trattava di TAG relativi alla presentazione della pagina ed ora
si possono indicare solo con gli opportuni attributi CSS (Cascading Style Sheet).
Sono stati eliminati frame frameset noframes
per i difetti di presentazione.
Sono stati eliminati applet dir isindex...
perche' gestibili con altri TAG gia' presenti nel linguaggio (eg. object ul).
Sono stati eliminati anche molti attributi.
L'elenco completo sarebbe troppo lungo. Quindi riporto solo qualche esempio
dei piu' usati, anche da me!
E' stato eliminato l'attributo align da p div h1 h2 table...
E' stato eliminato l'attributo bgcolor da table tr td...
E' stato eliminato l'attributo background da body.
E' stato eliminato l'attributo border da img.
Ovviamente tutti da gestire con i CSS.
L'attributo name di a (Anchor point) non deve essere piu'
utilizzato. Al suo posto va utilizzato l'attributo id.
L'elenco e' effettivamente molto ampio ed alcuni attributi erano molto utilizzati.
Questo significa che in generale e' necessaria qualche modifica su tutto il documento
per trasformarlo in HTML5 corretto, anche senza sfruttare le novita' del linguaggio.
L'ho fatto su alcuni miei documenti e debbo ammettere che non c'e' voluto molto
e che la struttura dei documenti e' migliorata.
Varie ed eventuali
Il riferimento completo sulle novita' introdotte dall'HTML5 si trova sul
sito W3C.
Lo standard e' ancora in via di definizione, ma gia' i principali produttori di browser si stanno orientando
all'HTML5. Una prova? In attesa dei test standard definitivi... provate
il Validator W3C
su questa stessa pagina,
il Rich Snippet Test di Google,
un browser test,
un altro browser test, ...
Questo documento e' una naturale prosecuzione della pagina Il TAG Meta
che descrive qualche aspetto interno del linguaggio HTML.