Aujourd'hui, on utilise de plus en plus souvent un smartphone ou une tablette pour surfer sur le Net. Sur Android, on peut être amené à utiliser le navigateur Google Chrome. Voyons comment personnaliser l'onglet de notre site pour y mettre un peu de couleur et se démarquer des autres sites !

Cette couleur sur l'onglet permet de renforcer l'identité d'un site. Regardez par exemple le site de l'enseigne Boulanger. Sa couleur dominante est le orange.

La partie haute du navigateur reprend cette couleur :

Tandis que dans la liste des onglets de Chrome, on repère aisément le site !

Apparue sur la version 39 du navigateur de Google, cette fonctionnalité est très simple à implémenter sur votre site.

Il vous suffit de rajouter une seule ligne dans votre code HTML, entre les balises <head> et </head>.

Cette balise meta a pour nom theme-color :

<meta name="theme-color" content="#d9dee3">

L'attribut content contient la valeur en hexadécimale de la couleur de l'onglet.

D'ailleurs, cette balise meta a été intégré dans le standard HTML.

Cette manip qui ne demande pas de temps pourra donner un peu plus de caractère à votre site ! Espérons que le standard HTML soit respecté par tous les navigateurs !