Back to blog

HTML5: tag nuovi e anteprima delle novità

7 marzo 2010 - Posted in HTML , Webdesign Posted by:

Tags: , , , ,

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 sezione
  • aside delimita informazioni aggiuntive
  • footer rappresenta la sezione conclusiva della pagina
  • header contiene i contenuti principali eventualmente raggruppati con hgroup
  • nav raggruppa gli elementi di navigazione principale
  • section distingue le sezioni di un documento, come se fossero capitoli di un libro
  • e torna nell’HTML, dopo essere stato deprecato dalla versione 4.01, il tag

  • menu usato per una specifica lista di comandi

Interattività

Maggiore semantica in pagina e lingue asiatiche

Multimedialità nativa

Form migliorati

Tempo e unità di misura

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’attributo href, per essere usato come "link placeholder"
  • l’elemento address potrà essere applicato a una specifica sezione section o articolo article
  • 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, h2possono essere ripetuti all’interno di ogni sezione della pagina
  • l’elemento html potrà avere un proprio id
  • 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
  • email
  • number
  • range
  • search
  • tel
  • time
  • url
  • week