Énoncé 1: <link rel = raccourci icône href = favicon.ico />
Instruction 2 <link rel = icon href = animated_favicon.gif type = image / gif />
Remarque: L'icône de raccourci d'instruction est l'icône qui apparaît devant la colonne URL.
Question: Quelle est la fonction de l'icône de l'énoncé 2? Quelle est la différence entre l'énoncé 1?
guide
Dans le passé, les concepteurs de sites Web et les développeurs ont adopté une variété de méthodes pour assurer l'émergence de Favicon. Il est difficile de s'assurer explicitement que Favicon peut être affiché sur tous les ordinateurs, même avec la même version d'un navigateur.
Une autre limitation du code suivant est qu'il associe 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 suivantes du code HTML:
CODE:
<link rel = raccourci icon href = http: //example.com/favicon.ico type = image / vnd.microsoft.icon>
<link rel = icon href = http: //example.com/favicon.ico type = image / vnd.microsoft.icon>
Cependant, seule la première ligne est nécessaire car la chaîne d'icônes de raccourci sera reconnue par la plupart des navigateurs conformes à la norme comme liste de mots clés possibles (le raccourci sera ignoré et seules les icônes s'appliqueront); et Internet Explorer l'utilisera comme nom séparé (icône de raccourci). Le résultat est que tous les navigateurs peuvent comprendre ce code. Il est nécessaire d'ajouter une deuxième ligne si vous souhaitez fournir une autre image alternative (comme un GIF animé) pour le nouveau navigateur.
Dans HTML, l'élément de liaison doit être dans l'élément de tête (entre <adhead> et </ada>).
Pour XHTML, le lien doit utiliser End (ou> / link>) et ne peut pas utiliser la fin.
Href peut, mais pas, pointant 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 qui peuvent afficher FAVICON.
Configurez le serveur pour envoyer le bon ID MIME:
ICO Fichier Image / vnd.microsoft.icon (ou image / x-icon peut également être utilisé pour des raisons de compatibilité. Cependant, il est préférable d'utiliser le type MIME enregistré par l'IANA, car la plupart des navigateurs grand public le soutiennent désormais)
Image du fichier GIF / GIF
Image du fichier PNG / PNG
Utilisez une résolution appropriée et une profondeur de couleur.
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) (utilisez 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 traitent pas l'élément de liaison, même s'il n'y a pas de lien sur votre site.
standardisation
La fonction FAVICON a d'abord été créée par Microsoft, et le navigateur Web Internet Explorer de Microsoft demandera Favicon pour chaque site Web. Les balises de liaison soutenues par Microsoft ne respectent pas les recommandations HTML du World Wide Web Consortium (W3C, World Wide Web Consortium) car:
L'attribut rel doit contenir une liste de types de liens qui utilisent des espaces comme délimiteurs, donc un type de lien contenant deux mots ne peut pas être compris par les navigateurs standard.
Le type de fichier .ico (un format raster pour les icônes sur Microsoft Windows) n'a pas de type MIME enregistré, et il semble qu'il ne peut pas être compris par la plupart des navigateurs à l'époque. Cependant, en 2003, ce format a été enregistré auprès de IANA, et son type MIME est Image / Vnd.Microsoft.icon, éliminant ainsi la première partie de ce problème.
L'utilisation de l'emplacement réservé sur le site Web contredit l'architecture du World Wide Web et est également considérée comme un squat de lien ou un accroupissement d'URI.
Mozilla Browser ajoute la prise en charge de Favicon via une méthode conforme aux normes Web. Il faut une icône rel = et permet aux concepteurs Web d'ajouter Favicon dans n'importe quel format d'image pris en charge. Par exemple <link rel = icon type = image / png href = / path / image.png>. Plus tard, étant donné que cette fonctionnalité sera utilisée pour tous les nouveaux contenus, la plupart des navigateurs ont ajouté une prise en charge de cette fonctionnalité.