Programmierung HTML-Kontext-Sensitivität
HTML soll theoretisch eine Webseite ebenso angezeigt, unabhängig von der verwendeten Webbrowsers. Dies ist nicht der Fall in der Praxis, wie verschiedene Web-Browsern unterscheiden sich in ihren HTML-Rendering-Techniken und Größen variieren von mobilen Geräten an riesige desktop-Monitore anzeigen. Browsererkennung und JavaScript erlauben Web-Designer, dienen verschiedene HTML basierend auf dem Kontext des Browsers und Gerät verwendet wird.
User-Agent-Identifikation
User-Agent-Identifikation ist eine Textzeile, die von allen Browsern auf einem Webserver bei der Initiierung einer neuen Verbindungs gesendet. Dieser Text gibt den Web-Browser, Web-Rendering-Engine, Betriebssystem und manchmal die Hardware, die die Web-Seite anfordert. Dies ist ein Beispiel-Agent Benutzerkennung von Firefox verwendet:
Mozilla/5.0 (Windows NT 6.1; Rv:10.0.1) Gecko/20100101 Firefox/10.0.1
Benutzeragententext sind JavaScript-Programmierung innerhalb von Webseiten zur Verfügung, und diese Informationen kann dann verwendet werden, ändern Sie den HTML-Code gesendet, um einen Web-Browser, basierend auf der Hardware oder der Browser im Einsatz.
JavaScript-Erkennung
JavaScript auf Benutzer-Agenteninformationen durch das Navigator-Objekt verweist. Das Navigator-Objekt leitet seinen Namen von Netscape Navigator, den Browser am meisten in Gebrauch, als die ersten Versionen von JavaScript entwickelt wurden. Navigator.appName der Objekt-Eigenschaft gibt den Namen des Browsers, zurück, während navigator.platform Betriebssystem zurückgibt. Der gesamte Benutzer-Agent-Text kann mit der navigator.userAgent-Eigenschaft abgerufen werden.
HTML-Kontext-Sensitivität
Kontextbezogene HTML kann in zwei Arten gerendert werden. Wenn eine einzelne HTML-Seite Alternativen Text und Design abhängig von das Navigator-Objekt zurückgegebenen Informationen angezeigt werden sollen, kann HTML in JavaScript-wenn-dann- oder RS-Anweisungen dargeboten werden. Jedoch wenn die gesamte Website neu formatiert werden sollten wie üblich mit mobilen Websites für iOS oder Android-Geräte formatiert ist, verwenden Sie das Location-Objekt umleiten die Seiten-URL an einen separaten Satz von HTML-Seiten mit mobilen Design.
CSS-Alternativen
Cascading Stylesheets können auch kontextuell bestimmtes HTML-Design, erstellt durch die Einbettung der Gestaltung Logik in die CSS-Stile verwendet werden. Die @media CSS-Richtlinie gibt eine Medien-Abfrage um die Parameter des Web-Browsers zu bestimmen, und die resultierenden angewendeten Formatvorlagen basiert auf Browserinformationen wie Seitenbreite. CSS sollte verwendet werden, beim Seitenlayout nur kontextuellen Änderung für verschiedene Web-Browser erforderlich ist. JavaScript-Weiterleitungen sind jedoch eine elegantere Lösung, wenn der Zusammenhang mit den daraus resultierenden Seiten auch die Web-Programmierung, verwendet auf den verschiedenen Seiten ändern muss.