HTML5 - Panoramica

HTML5 è la prossima importante revisione dello standard HTML che sostituisce HTML 4.01, XHTML 1.0 e XHTML 1.1. HTML5 è uno standard per strutturare e presentare i contenuti sul World Wide Web.

HTML5 è una collaborazione tra il World Wide Web Consortium (W3C) e il Web Hypertext Application Technology Working Group (WHATWG).

Il nuovo standard incorpora funzionalità come la riproduzione di video e il trascinamento della selezione che in precedenza dipendevano da plug-in di browser di terze parti come Adobe Flash, Microsoft Silverlight e Google Gears.

Supporto browser

Le ultime versioni di Apple Safari, Google Chrome, Mozilla Firefox e Opera supportano tutte molte funzionalità HTML5 e Internet Explorer 9.0 avrà anche il supporto per alcune funzionalità HTML5.

I browser Web mobili preinstallati su iPhone, iPad e telefoni Android hanno tutti un eccellente supporto per HTML5.

Nuove caratteristiche

HTML5 introduce una serie di nuovi elementi e attributi che possono aiutarti nella creazione di siti web moderni. Ecco una serie di alcune delle funzionalità più importanti introdotte in HTML5.

  • New Semantic Elements - Questi sono come <header>, <footer> e <section>.

  • Forms 2.0 - Miglioramenti ai moduli Web HTML in cui sono stati introdotti nuovi attributi per il tag <input>.

  • Persistent Local Storage - Per ottenere senza ricorrere a plugin di terze parti.

  • WebSocket - Una tecnologia di comunicazione bidirezionale di nuova generazione per applicazioni web.

  • Server-Sent Events - HTML5 introduce eventi che fluiscono dal server web ai browser web e sono chiamati eventi inviati dal server (SSE).

  • Canvas - Supporta una superficie di disegno bidimensionale che puoi programmare con JavaScript.

  • Audio & Video - Puoi incorporare audio o video nelle tue pagine web senza ricorrere a plugin di terze parti.

  • Geolocation - Ora i visitatori possono scegliere di condividere la loro posizione fisica con la tua applicazione web.

  • Microdata - Ciò ti consente di creare i tuoi vocabolari oltre l'HTML5 ed estendere le tue pagine web con semantica personalizzata.

  • Drag and drop - Trascina e rilascia gli elementi da una posizione a un'altra sulla stessa pagina web.

Retrocompatibilità

HTML5 è progettato, per quanto possibile, per essere retrocompatibile con i browser web esistenti. Le sue nuove funzionalità sono state costruite su funzionalità esistenti e consentono di fornire contenuti di riserva per i browser meno recenti.

Si consiglia di rilevare il supporto per le singole funzionalità HTML5 utilizzando poche righe di JavaScript.

Se non hai familiarità con nessuna versione precedente di HTML, ti consiglio di consultare il nostro HTML Tutorial prima di esplorare le funzionalità di HTML5.