HTML5, che sarà più improntato verso applicazioni web più interattive e codice più semantico, ad oggi non è ancora formalmente approvato, e probabilmente la sua data di rilascio non sarà prima del 2022. Intanto peró sta cominciando a ottenere il sostegno dei browser, ed è già utilizzato per lo sviluppo di applicazioni web e mobile. Ecco di seguito una carrellata comprensiva di tutte le noività con cui avremo a che fare.
Novità in HTML5
HTML5 introduce nuove caratteristiche per uno sviluppo più facile delle applicazioni web improntate alla multimedialità e una gestione più sofisticata dei form, assieme a una presentazione più semantica del codice: nuovi elementi tag, nuovi input type
, nuovi attributi ed eventi, nuove API.
Ecco di seguito una lista di tutte le principali novità e le anteprime:
1. Nuovi elementi HTML5
Elementi strutturali più semantici
article
contrassegna gli articoli di una sezioneaside
delimita informazioni aggiuntivefooter
rappresenta la sezione conclusiva della paginaheader
contiene i contenuti principali eventualmente raggruppati conhgroup
nav
raggruppa gli elementi di navigazione principalesection
distingue le sezioni di un documento, come se fossero capitoli di un libromenu
usato per una specifica lista di comandi
e torna nell’HTML, dopo essere stato deprecato dalla versione 4.01, il tag
Interattività
canvas
permette il rendering dinamico delle bitmapcommand
definisce un command buttondetails
rappresenta informazioni aggiuntive
Maggiore semantica in pagina e lingue asiatiche
figure
raggruppa elementi multimediali e le loro didascaliemark
mette in risalto una porzione di testo rilevanterp
,rt
eruby
sono usati per le parentesi e per le annotazioni di Ruby
Multimedialità nativa
audio
consente la riproduzione audio nativa nel browserembed
inserisce una applicazione esternasource
specifica più sorgenti di un video o di un audiovideo
definisce un video
Form migliorati
datalist
fornisce una sorta di auto-completekeygen
definisce una coppia di keygen generateoutput
rappresenta il risultato di un calcolo
Tempo e unità di misura
meter
definisce le unità di misuraprogress
indica lo stato di avanzamento di un compitotime
specifica il formato di una data
Alcuni tag già definiti nella versione 4.01, in HTML5 assumono nuove proprietà. Ecco i principali nel dettaglio:
- il tag
a
potrà contenere elementi a livello di blocco, è potrà essere privo dell’attributohref
, per essere usato come "link placeholder" - l’elemento
address
potrà essere applicato a una specifica sezionesection
o articoloarticle
- l’elemento
b
verrà utilizzato solo per rendere il testo più marcato, senza particolari valenze keyword-SEO blockquote
diventa un elemento sectioning root- l’elemento
dl
rappresenta un elenco di associazioni composto da zero o più coppie nome-valore - i tag
h1, h2
… possono essere ripetuti all’interno di ogni sezione della pagina - l’elemento
html
potrà avere un proprioid
- il tag
i
verrà usato per indicare il testo da pronunciare con un particolare tono di voce, o testo che appartiene a un linguaggio tecnico, o una frase che nel contesto da cui è presa viene rappresentata con testo "italic"
2. Nuovi input type
Ecco la lista dei campi input si potranno utilizzare con HTML5:
- color
- date
- datetime
- datetime-local
- number
- range
- search
- tel
- time
- url
- week