HTML5 ha alcune particolarità per il suo utilizzo in telefoni cellulari , touch pad e altri dispositivi nomadi.
La memorizzazione nella cache dei dati ( AppCache ) da parte del browser consente, tra l'altro, di dare l'impressione all'utente di una continuità della connessione in determinati casi in cui si sarebbero verificate interruzioni.
Affinché questo sia abilitato, è necessario creare un manifest offline la prima volta e avere il tipo MIME : text / cache-manifest .
Il file manifest contiene le dipendenze necessarie per il corretto funzionamento di un'applicazione.
CACHE MANIFEST # Version 0.1 offline.html /iui/iui.js /iui/iui.css /iui/loading.gif /iui/toolbar.png /iui/whiteButton.png /images/gymnastics.jpg /images/soccer.png /images/gym.jpg /images/soccer.jpgDopo la creazione del manifesto, è richiesta una connessione al browser, che viene effettuata dal tag html con l'attributo manifest contenente l'URL del file manifest.
<html manifest="manifest.mf">È possibile allocare spazio su una pagina per immagini, curve, grafici, elementi ludici e tutte le altre cose che possono essere disegnate, sia a livello di programmazione che tramite l'interazione dell'utente. Ciò è possibile senza ricorrere alla programmazione tramite Adobe Flash o altri plugin .
Diventa possibile gestire flussi video e audio direttamente, senza Adobe Flash .
C'è un'API di geolocalizzazione che recupera la posizione geografica dell'utente. Questa API non è inclusa nella specifica HTML5, ma può essere utilizzata come supplemento. La latitudine e la longitudine sono quindi disponibili nel JavaScript della pagina, che può quindi inviarlo facoltativamente al server. Questo potrebbe essere utilizzato, ad esempio, per mostrare edifici turistici o commerciali vicini all'utente.
Ecco una tipica riga di codice per la geolocalizzazione:
navigator.geolocation.getCurrentPosition(successCallback, errorCallback, options);Trovare la posizione è un'operazione asincrona, che richiede il consenso dell'utente. È quindi necessario prevedere funzioni di callback per i casi di accettazione e rifiuto.
I campi modulo HTML5 hanno attributi che facilitano l'interfaccia con l'utente e che riducono le dimensioni della pagina HTML eliminando la necessità di alcune righe di codice javascript solitamente utilizzate per i controlli locali prima dell'invio al server.
Prima di creare una pagina standard HTML5, il server potrebbe voler verificare se HTML5 sarà accettato dalla workstation client. Questa rilevazione, così come quella di tipo fisso / mobile, avviene solitamente grazie allo user-agent .
Tutti i dispositivi che comunicano in HTTP devono inviare uno user-agent che è una stringa di caratteri che identifica il browser web e il sistema operativo della workstation client.
Per il server della pagina web, è possibile rilevare se HTML5 è supportato, esaminando la versione del browser nello user-agent. Ed è possibile rilevare il tipo di hardware del client esaminando il sistema operativo dello user-agent.
Ciò può essere fatto in modo semplice confrontando il nome con un elenco prestabilito che deve essere mantenuto. Oppure può essere fatto utilizzando funzioni aggiuntive aggiunte al server, ad esempio, se il server è Apache , allora c'è il modulo AMFWurflFilter (Open Source) che fornisce attributi ( is_wireless_device , is_tablet , ...) facilitando il rilevamento mobile e facilitando il scelta del formato della pagina ( resolution_width , resolution_height , ...).