Html5
L'HTML5 è l'evoluzione del linguaggio HTML ed è la quinta versione ufficiale dello storico linguaggio di markup. Dopo circa dieci anni di sviluppo, questo linguaggio è diventato un nuovo standard W3C Recommendation nel 2014. Rispetto alla versione precedente ( HTML4 ) introduce diverse novità, sia nella struttura che nello stile di formattazione.
La storia del linguaggio HTML5
Nel 2004 un gruppo di sviluppatori iniziò a progettare un nuovo linguaggio HTML che sia al passo con i tempi. Questo gruppo era conosciuto con la sigla WHATWG ( Web Hypertext Application Technology Working Group ) e vi operavano i programmatori delle maggiori realtà del web, come Mozilla Foundation, Opera Software e Apple.
Inizialmente questo gruppo di lavoro operava in modo autonomo e indipendente, a volte persino contrapposto, rispetto al W3C ( World Wide Web Consortium ) che, invece, preferiva concentrare i propri sforzi sulla standardizzazione del linguaggio XHTML 2.0.
Nel 2007 il W3C si rese conto dei problemi di retrocompatibilità del XHTML e, infine, decise di collaborare con il gruppo WHATWG per lo sviluppo del HTML5. Le due realtà collaborarono insieme per quasi cinque anni, fino al 2012, quando decisero di separarsi.
Nel 2014 il W3C ha pubblicato la prima versione dello standard HTML5 1.0, insieme alle specifiche e alle raccomandazioni che la accompagnano. In questa guida faremo riferimento a queste specifiche.
Le differenze tra le versioni
La versione del linguaggio HTML5 sviluppata dal WHATWG è in continua evoluzione e, per questa ragione, viene anche detta Living Standard. Viceversa, la versione HTML5 del W3C è statica e corrisponde a una particolare versione del HTML5 Living Standard.
In altri termini, quella del W3C è una "fotografia" ( snaphot ) del linguaggio, scattata in un determinato istante, e non subisce modifiche, mentre quella Living Standard continua ad essere modificata di continuo.
Le novità del linguaggio HTML5
La quinta versione del linguaggio HTML introduce molte novità. Nei successivi paragrafi analizzeremo quelle principali e più rilevanti per il lavoro di sviluppo da parte di un programmatore.
La struttura del documento
La struttura delle pagine in HTML5 è vincolata da regole più rigide che permettono la suddivisione del documento in apposite zone funzionali. Ad esempio, il corpo <body> della pagina è suddiviso nei seguenti tag di sezione:
- Header. È la zona della pagina in cui si trova la testata del sito web.
- Article. In questa zona sono pubblicati i contenuti testuali veri e propri ( es. articolo, post, messaggio, ecc. ).
- Aside. È un'area secondaria che accompagna i contenuti principali. È utilizzata, in particolar modo, per la pubblicazione dei menù di navigazione.
- Footer. Questa zona è la più bassa del sito web. In genere, è la zona della pagina dove sono pubblicati i riferimenti, i link alla privacy e ai canali di contatto del sito.
Grazie a questa strutturazione è possibile riconoscere lo scopo dei contenuti a seconda della zona in cui sono pubblicati. In precedenza i contenuti di un documento Html erano distribuiti nel tag <body> a discrezione del webmaster. Non era sempre facile distinguere tra i contenuti della testata, quelli di un menù e dell'articolo principale. Le delimitazioni del HTML5 rendono tutto questo più semplice. E non c'è dubbio che l'HTML renda la vita più semplice ai motori di ricerca.
La multimedialità
Un'altra novità importante del linguaggio HTML5 è l'introduzione dei tag multimediali <audio> e <video>. Questi tag sono stati progettati per facilitare il controllo dei contenuti multimediali. Le connessioni a internet hanno velocità nettamente superiori a quelle del passato, modificando il comportamento online degli utenti. Oggi il web viene utilizzato non più soltanto per leggere, ma anche per ascoltare e per vedere dei contenuti video.
La geolocalizzazione
Il linguaggio è pensato anche per interagire sempre più con i dispositivi mobile ( smartphone, tablet, ecc. ) nei sistemi operativi iOS e Android. La diffusione della connettività mobile è ormai una realtà. I dispositivi mobile sono utilizzati dagli utenti come un terminale di accesso a internet, per consultare informazioni, leggere la posta, scrivere sui social network, ecc.
L'area di memoria della pagina
Altra novità importante è la presenza di un sistema di memoria, più potente ed efficiente rispetto ai vecchi coockie, detta Web Storage. Il nuovo sistema permette di registrare una grande quantità di dati sulla cache del browser, rendendo più facile l'utilizzo delle applicazioni web. Lo scaricamento dei dati consente di ridurre la banda di utilizzo poiché concentra lo scaricamento dei dati con maggiore efficienza.
Altre novità e caratteristiche
Il linguaggio integra molte altre novità, oltre quelle già presentate, e non è possibile elencarle tutte nel dettaglio. Ad esempio, alcuni tag ci permettono di creare delle tavole grafiche ( Canvas ) in cui disegnare grafici o animazioni con il linguaggio Javascript. Altri tag sono pensati per organizzare i menù di navigazione e i moduli elettronici, in modo più facile ed efficiente rispetto al passato.
La retrocompatibilità del linguaggio HTML5
Il linguaggio HTML5 è retrocompatibile con le precedenti versioni dell'HTML. La quinta versione del linguaggio è l'evoluzione e il potenziamento delle precedenti, con le quali conserva un legame di compatibilità. Un documento in HTML5 può interpretare anche i tag deprecati o eliminati delle precedenti versioni del linguaggio.
Questa caratteristica è molto importante, in quanto ci permette di continuare a visualizzare correttamente anche le vecchie pagine web. È probabilmente il vero punto di forza del HTML5, quello che ha spinto il W3C ad abbandonare il progetto del XHTML.
In conclusione
L'HTML5 è senza dubbio l'aggiornamento più importante del linguaggio di markup. Non si tratta soltanto di un aggiornamento delle specifiche, dell'eliminazione o introduzione di qualche tag, ma di un nuovo approccio progettuale per la creazione dei siti web.
