HTML5 ormai è alle porte e le novità che porta questa versione “aggiornata” dell’hypertext markup language vanno ben oltre il tag video (che, anche su questo sito, ha suscitato interessanti diatribe).
HTML5, infatti, per chi (come me) considera il web un ambiente dove sviluppare applicazioni, fornisce supporto a tantissime tecnologie e strutture dati che, formalmente inserite mediante i rispetti tag, consentono di rendere i contenuti online sempre più orientati al web semantico.
Ad esempio, è possibile definire un menu con l’apposito tag (<menu>) o altri elementi di layout delle pagine quali header (<header>) e footer (<footer>, ovviamente 
).
Ciò consente, innanzitutto, di superare i limiti dei classici tag <div> e <p> nella organizzazione della rilevanza dei contenuti in una pagina…un esempio ? Attualmente, dal punto di vista del DOM, una lista di voci all’interno di un paragrafo del contenuto principale e una lista di voci di un menu in un altro paragrafo della stessa pagina, hanno la stessa “dignità”…questo in quanto il browser, a meno di un markup molto “pulito” non ha modo di interpretare né di distinguere elementi il cui contenuto è più informativo rispetto agli altri elementi della pagina.
…a dirla tutta, i browser attuali non hanno una reale necessità di discernere i contenuti dagli elementi accessori alla pagina…(l’ho scritta malissimo ma spero renda l’idea ), il discorso però cambia se si vogliono estrarre contenuti da pagine con layout molto complessi, ad esempio per una lettura più agevole.
In tal senso, alcuni browser (come Safari) si stanno “portando avanti” integrando soluzioni di estrazione del contenuto principale (quindi, presumibilmente quello più informativo)…nello specifico, Safari usa Readability, un progetto open source.
Piccola parentesi: di recente il discorso della readability è un tema molto sentito…iBooks vi dice nulla ?!
Ma questa è solo una delle novità introdotte da HTML 5, in realtà una delle più evidenti è presente anche su questo sito…ed è visibile nel logo: il mio logo, infatti, è realizzato utilizzando non più un’immagine bensì dei canvas (che per ora vengono generati da un javascript) ma che sono pienamente supportati da HTML 5
Senza contare tutte le novità relative ai tag <audio> e <video> e ai già citati risvolti relativi all’introduzione di quest’ultimo tag
Nei prossimi giorni pubblicherò un articolo con tutte le novità di HTML5 relativamente ai form, alle tecnologie come la geolocalizzazione, l’offline storage e tutto quanto permette di apprezzare la vera potenza di questo linguaggio, decisamente più orientato alle web application.
Prima di salutarvi, però, vi segnalo un link molto interessante, completo di tutorial su HTML 5 e su cheat sheet per avere sempre sott’occhio i tag del nuovo linguaggio: http://webdesignledger.com/tutorials/15-useful-html5-tutorials-and-cheat-sheets
ciao
PS: l’immagine abbinata a questo post è tratta da Smashingmagazine ed è un intero fumetto su HTML5, ecco il link.
