Home page Guida HTML 5

HTML 5 è un linguaggio di markup per la progettazione delle pagine web attualmente in fase di definizione (draft) presso il World Wide Web Consortium.

HTML 5 sarà l'evoluzione dell'attuale HTML 4.01 ormai obsoleto rispetto all'evoluzione del WEB negli ultimi 10 anni.

L'HTML inizialmente è nato come linguaggio semantico per descrivere documenti scientifici, ma con il passare degli anni la sua diffusione a mezzo Internet è stata notevole e con l'HTML 5 si cercherà di porre rimedio ad alcune lacune del linguaggio iniziale.

Le novità introdotte da HTML 5 tendono a migliorare il disaccoppiamento tra struttura, definita dal markup, caratteristiche di resa (tipo di carattere, colori, eccetera), definite dalle direttive di stile, e contenuti di una pagina web, definiti dal testo vero e proprio.

Inoltre HTML 5 prevede il supporto per la memorizzazione locale di grosse quantità di dati scaricate dal browser e la nascita di elementi specifici per il multimedia, di cui Internet è molto ricca.

Fra le caratteristiche più importanti possiamo elencare:

  • regole per la strutturazione del testo in capitoli, paragrafi e sezioni
  • introduzione di elementi di controllo per i menu di navigazione
  • miglioramento gli elementi di controllo per i moduli elettronici
  • introduzione di elementi specifici per il controllo di contenuti multimediali (tag <video> e <audio>)
  • viene supportato Canvas che permette di utilizzare il javascript per creare animazioni e grafica vettoriale
  • introduzione della geolocazione, dovuto ad una forte espansione di sistemi operativi mobili 
  • supporto ad una libreria javascript, chiamata modernizr, per i browser che non supportassero l'HTML5
  • introduzione di Html5storage, per la memorizzazione dei dati
  • standardizzazione di programmi javascript e possibilità di utilizzare alcuni siti offline
  • autofocus standardizzato
  • sostituzione del lungo e complesso doctype, con un semplice <!doctype html>

 


Video DartMoor by www.james-watson.net

 

Il codice per inserire questo video all'interno della pagina (visibile solo con i browser che supportano già l'HTML 5) è il seguente:

<video controls="controls" height="255" preload="none" width="600" src="/video/demo.mp4"></video>

Come si può facilmente notare è bastata una sola linea di codice con il file da caricare. Niente più plug-in esterni in flash o altro per caricare elementi multimediali all'interno delle proprie pagine.

 
Acquista il tuo dominio al prezzo più basso d'Europa!

Parti all'avventura con nuovi amici vicino a te!

Condividi contenuti