HTML  08.02.2017

Adresszeile in Chrome-Android färben

Die 'Theme Color' als Meta-Ergänzung einer Website kann helfen, die eigene Farbwelt der Website auch im Browser darzustellen. Adresszeile, Smartphone-Info-Leiste und Tab-Farbe ändern sich damit.

Das funktioniert zwar eigentlich nur in Android mit dem Chrome-Browser gut, allerdings dürfte dieser ohnehin die wichtigste mobile Plattform darstellen. Hierzu ist im Head-Meta-Bereich, dort wo 'Description' und 'Title' angegeben werden und das Favicon hinterlegt wird, folgende Zeile zu ergänzen:


Theme Color im HTML-Head <meta name='theme-color' content='#990000'>

Der Farbcode (hier: rot im RGB-Modell) kann frei gewählt werden, getestet wird dann im Android-Chrome. Beachten Sie die sich ändernden Farben zb. in der Adresszeile des Browsers. Wer das Ergebnis nur einmal selbst sehen mag, darf gerne diese Seite im Android-Chrome abrufen: Hier sollte die Adresszeile in blau erscheinen.


Weiter in der Web-Version mit Fotos, Videos, Links und mehr...

#HTML #Head #Meta #Android #Chrome #Farben

Auch interessant!
Link-Vorschau in Chrome
Der Google-Browser Chrome ermöglicht Android-Usern mit dem Feature 'Preview Page' künftig die Vorschau a...

Chromes Dino-Game
Der neueste Google-Chrome-Browser bringt ein Easteregg mit, das das Dino-Spiel (tastaturgesteuert) einbin...

Barrierefreiheit einer Website testen
Eine Website auch für blinde Besucher zugänglich zu machen, macht zweifach Sinn: Einerseits hilft es den ...

HTML5 und CSS3
Zuletzt konnten wir ein Programm testen, das mit HTML5-Technik anspruchsvolle Websites erstellt. Doch wir...

Farben-Hexe
Das Internet besteht aus sehr viel HTML und seit dieses bunt ist, kennt es HEX-Codes zur Umsetzung der RG...

ASCII-Art: Kein Ende!
Die Kunst, aus Buchstaben auf einem nicht-grafikfähigen Gerät schöne Bilder zu zaubern, ist uralt. Die er...