Immagine 1 di 3
HTML5 ha introdotto due nuovi elementi:
Tutti i principali browser possono gestire questi elementi multimediali, ma esistono molti formati multimediali e non tutte le piattaforme li supportano tutti. La specifica HTML5 inizialmente richiedeva che i formati audio Ogg Vorbis e video Ogg Theora fossero supportati da tutti i browser, ma questo è stato abbandonato dopo le obiezioni di alcuni sviluppatori di browser. Di conseguenza, se vuoi assicurarti che i tuoi file multimediali funzionino su più browser, devi fornire i tuoi file audio e video in più formati.
Questo non è così fastidioso come potrebbe sembrare. Per l'audio, Firefox supporta Ogg Vorbis e WAV; Safari supporta MP3, AAC, WAV e MP4; Opera supporta Ogg Vorbis e WAV; e Internet Explorer 9 supporta MP3, AAC e MP4. Pertanto, per rendere l'audio HTML5 riproducibile in tutti i principali browser, è necessario fornire solo i file in entrambi i formati Ogg Vorbis e MP3.
È una situazione simile con i video. Firefox supporta Ogg Theora e il formato WebM royalty-free (dalla versione 4+); Safari supporta MP4/H.264; Opera supporta WebM; e Internet Explorer 9 supporta MP4/H.264. Quindi, ancora una volta, devi solo fornire file video in due formati - WebM e MP4/H.264 - per il supporto su tutti i moderni browser compatibili con HTML5.
Poiché devi fornire più fonti per i tuoi file multimediali, HTML5 fornisce un nuovo elemento,, utilizzato per specificare un'origine per un file audio o video incorporato. Una sezione di codice che incorpora video in due diversi formati potrebbe leggere:
Oltre agli elementi per l'incorporamento di file multimediali, HTML5 definisce anche un insieme di funzioni JavaScript, note come Media API, che possono essere utilizzate per controllare e interagire con i contenuti multimediali riprodotti. Ciò ti consente di creare e personalizzare i controlli del lettore multimediale tramite HTML e CSS standard e collegarli all'audio e al video, in modo che funzionino allo stesso modo del set di controlli predefinito del browser. Per uno sguardo dettagliato alla multimedialità HTML5, alle sue capacità e all'API multimediale in particolare, dai un'occhiata al mio libro: Multimedia HTML5: sviluppo e progettazione di Ian Devlin, pubblicato da Peachpit.
Forme
I form sono un elemento fondamentale del sito web. Indipendentemente dal fatto che vengano utilizzati per contattare qualcuno, fornire feedback o ordinare prodotti, i moduli (e i campi di input che contengono) sono fondamentali per lo sviluppo web. HTML5 non ha trascurato in alcun modo i moduli: apporta nuove funzionalità e miglioramenti che rendono la creazione di moduli più semplice e utile.
La specifica HTML5 definisce una serie di tipi di input avanzati, oltre al familiare campo di input di testo. Ai campi ora possono essere assegnati tipi di input specifici, con opzioni che includono un indirizzo e-mail, un numero di telefono, una data, un URL, un'ora, un numero e persino un colore. Spetta al singolo browser come vengono gestiti questi tipi di input: Opera e Chrome, ad esempio, offrono entrambi un mini-calendario per campi il cui tipo di input è impostato su data e un selettore di colori per il tipo di input del colore, mentre Firefox e Internet Explorer no.
