HTML è teoricamente progettato per visualizzare una pagina Web allo stesso modo, indipendentemente dal browser Web utilizzato. Questo non è il caso nella pratica, come browser Web differenti variano nelle loro tecniche di rendering HTML e visualizzare le dimensioni variano da dispositivi mobili a enorme monitor desktop. Rilevamento del browser e JavaScript consentono ai progettisti Web di servire diversi HTML basato sul contesto del browser e del dispositivo utilizzato.

Identificazione dell'agente utente

L'identificazione dell'agente utente è una linea di testo inviato da tutti i browser a un server Web al momento di avviare una nuova connessione. Questo testo identifica il browser Web, motore di rendering Web, sistema operativo e a volte l'hardware che richiede la pagina Web. Si tratta di un'identificazione di agente utente campione utilizzata da Firefox:

Mozilla/5.0 (Windows NT 6.1; rv:10.0.1) Gecko/20100101 Firefox/10.0.1

Stringhe agente utente sono disponibili per la programmazione JavaScript all'interno delle pagine Web, e questa informazioni quindi possono essere utilizzate per modificare il codice HTML inviato a un browser Web basato sull'hardware o sul browser in uso.

Rilevamento del JavaScript

Informazioni di agente utente riferimenti JavaScript tramite l'oggetto Navigator. L'oggetto Navigator deriva il suo nome da Netscape Navigator, il browser più in uso quando sono state sviluppate le prime versioni di JavaScript. L'oggetto proprietà AppName restituisce il nome del browser, mentre Navigator restituisce il sistema operativo. Il testo di agente utente intero può essere recuperato con la proprietà UserAgent.

Sensibilità di contesto HTML

Può essere eseguito il rendering di HTML sensibile al contesto in uno dei due modi. Quando una singola pagina HTML dovrebbe visualizzare testo alternativo e design dipendendo le informazioni restituite dall'oggetto Navigator, HTML può essere presentato in istruzioni JavaScript se-allora o del case. Tuttavia, quando deve essere riformattato l'intero sito, come è comune con siti Web per cellulari formattati per dispositivi iOS o Android, è possibile utilizzare l'oggetto Location per reindirizzare l'URL della pagina a un set separato di pagine HTML contenenti la progettazione per dispositivi mobili.

Alternative CSS

Fogli di stile CSS è utilizzabile anche per creare design HTML contestualmente specifico, incorporando la logica progettuale negli stili CSS. La direttiva CSS @media emette una media query per determinare i parametri del browser Web e gli stili applicati risultanti è basato su informazioni del browser come larghezza della pagina. CSS deve essere utilizzato quando il layout di pagina è il cambiamento solo contestuale necessario per vari browser Web. Tuttavia, reindirizzamenti JavaScript sono una soluzione più elegante, quando il contesto delle pagine create anche necessario modificare la programmazione di Web utilizzata su vari siti.