Introduction à la différence entre l'icône de raccourci et l'icône code_HTML/Xhtml_Production de pages Web

Déclaration 1 :
Déclaration 2
Remarque : L'icône de raccourci de la déclaration 1 est l'icône qui apparaît devant la colonne URL
Question : Quelle est la fonction de l'icône de la déclaration 2 ? est la différence avec la déclaration 1 ?
Conseils
Dans le passé, les concepteurs et les développeurs de sites Web utilisaient diverses méthodes pour garantir l'apparition du favicon. Il est difficile de garantir sans équivoque qu’un favicon sera affiché sur tous les ordinateurs, même en utilisant la même version d’un navigateur.
Une autre limitation du code suivant est qu'il associe le favicon à un document HTML ou XHTML spécifique. Pour éviter cela, le fichier favicon.ico doit être placé dans le répertoire racine. La plupart des navigateurs le détecteront et l'utiliseront automatiquement.
Il est recommandé d'inclure les deux lignes de code HTML suivantes :
CODE :


Cependant, seule la première ligne est obligatoire car "l'icône de raccourci" la chaîne sera La plupart des navigateurs conformes aux normes listeront les mots-clés possibles (« le raccourci » sera ignoré et seule « l'icône » s'appliquera) ; Internet Explorer le traitera comme un nom distinct (« icône de raccourci ») ; Le résultat est que tous les navigateurs peuvent comprendre ce code. L'ajout de la deuxième ligne n'est nécessaire que si vous souhaitez fournir une autre image de secours pour les nouveaux navigateurs (comme un GIF animé).
En HTML, l'élément link doit être à l'intérieur de l'élément head (entre

et ).
Pour XHTML, le lien doit se terminer par " />" (ou ">"), mais pas par ">".
Le href peut, mais n'est pas obligé, pointer vers l'emplacement de /favicon.ico. Il peut pointer vers n’importe quelle URL.
Les images peuvent généralement utiliser n'importe quel format d'image pris en charge par le navigateur.
Le format de fichier .ico peut généralement être lu par tous les navigateurs pouvant afficher des favicons.
Configurez le serveur pour envoyer l'identifiant MIME correct :
Fichier ICO image/vnd.microsoft.icon (ou image/x-icon pour des raisons de compatibilité. Cependant, il est préférable d'utiliser des types MIME enregistrés par l'IANA, car la plupart les principaux navigateurs le prennent désormais en charge)
Fichier GIF image/gif
Fichier PNG image/png
Utilisez une résolution et une profondeur de couleur appropriées.
ICO : comprend plusieurs résolutions (les plus couramment utilisées sont 16 × 16 et 32 ​​× 32, Mac OS X utilise parfois 64 × 64 et 128 × 128) et une profondeur de bits (bits par pixel) (principalement 4, 8, 24 bpp, soit 16, 256 et 16 millions de couleurs).
GIF : utilisez 16 × 16, 256 couleurs.
PNG : Utilisez 16×16, 256 couleurs ou 24 bits.
Remarque : lorsque favicon.ico est placé dans le répertoire racine du document, il sera trouvé par certains navigateurs qui ne gèrent pas l'élément de lien, même s'il n'y a aucun lien vers celui-ci sur votre site.
Standardisation
La fonction Favicon a été créée pour la première fois par Microsoft, et le navigateur Web Internet Explorer de Microsoft demandera un favicon pour chaque site Web. La balise de lien supportée par Microsoft n'est pas conforme aux recommandations HTML du World Wide Web Consortium (W3C, World Wide Web Consortium) [1] car : L'attribut
rel doit contenir une liste de types de liens séparés par des espaces, donc une liste contenant deux mots Le type de lien ne peut pas être compris par les navigateurs conformes aux normes.
Le type de fichier « .ico » (un format raster utilisé pour les icônes sur Microsoft Windows) n'avait pas de type MIME enregistré et ne semblait pas être compris par la plupart des navigateurs à l'époque. Cependant, en 2003, ce format a été enregistré auprès de l'IANA et son type MIME était image/vnd.microsoft.icon, éliminant ainsi la première partie de ce problème.
L'utilisation d'emplacements réservés sur des sites Web est incompatible avec l'architecture du World Wide Web et est considérée comme du squattage de liens ou du squattage d'URI.
Le navigateur Mozilla ajoute la prise en charge des favicons via une méthode conforme aux standards du Web. Il prend rel="icon" et permet aux concepteurs Web d'ajouter des favicons dans n'importe quel format d'image pris en charge. Par exemple . Plus tard, la plupart des navigateurs ont ajouté la prise en charge de cette fonctionnalité, car elle serait utilisée pour tout nouveau contenu.