icones de certain sites

[elleji]

bonjour,
pour quelle raison , avec internet explorer , certain sites ont une icone personnelle alors que pour d'autres c'est la même ?
merci
-----

[Pierre (aka Terdef)]

Bonjour,

Il s'agit probablement de sites un peu ancien où le webmaster n'a pas pris le temps de mettre à jour les clauses présentes dans l'entête des pages visitées (une zone qui n'apparaît pas à l'internaute mais qui contient des clauses (nous appelons cela des metatags) destinées au navigateur Firefox, Internet Explorer, Opera, Google Chrome, Safari, K-Meleon, etc. ...).

Le problème d'Internet Explorer est qu'il a toujours été compatible avec lui-même, seulement compatible avec lui-même, et incompatible avec les standards (c'est un peu moins vrai maintenant). Donc les webmasters ont été amenés à développer des icônes standards d'un côté et des icônes spécifiques à IE de l'autre. Ils ont été aussi amenés à s'arracher les cheveux pour que IE fasse à peu près correctement ce que les autres navigateurs font naturellement et en respectant l'autorité en la matière, le W3C, dirigé par l'inventeur du Web, Tim Berners Lee (WWW - Naissance du Web).

Cette discussion, par exemple, en anglais, où un webmaster demande pourquoi son icône fonctionne partout sauf avec IE ! Et les réponses fusent.
http://stackoverflow.com/questions/1...-working-in-ie

Sachant que le standard veut que l'icône soit dans un fichier qui se nomme favicon.ico, nous ne devrions avoir à écrire que cela :

<link rel="shortcut icon" href="/favicon.ico">

Or, on peut voir des trucs abracadabrantesques comme :

<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
<link rel="icon" type="image/png" href="/favicon-196x196.png" sizes="196x196">
<link rel="icon" type="image/png" href="/favicon-160x160.png" sizes="160x160">
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">

Et si on le veut sur Chrome pour Androïd (à partir de la version M31 et suivantes) il faut ajouter un metatag propriétaire à Google

<meta name="mobile-web-app-capable" content="yes" />

Qui a un effet pervers en faisant disparaître le menu de Chrome.

Et si on le veut sur iOS version 6 et antérieures, il faut ajouter un metatag propriétaire à Apple à cause de l'ajout automatique d'une ombre avec le metatag apple-touch-icon, ce qui enlaidi passablement l'icône !

<link rel="apple-touch-icon-precomposed" href="logo.jpg" />

Etc. ...

L'aspirine est, comme d'habitude, au fond du tiroir à gauche.

Cordialement

[elleji]

... maintenant j'ai chromium comme navigateur et j'ai tous les icones !