Qual è la sintassi ottimale del collegamento html da utilizzare per le icone/le favole del sito?

Question

Quale dovrei usare:

<link rel="SHORTCUT ICON" type="image/x-icon" href="favicon.ico" /> 

Oppure:

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

che ho visto sia in uso e lavorano entrambi in un sacco di browser attuali - ma che è più coerente sostenuto dal maggior parte dei browser ?

Answer 1

OK, capito questo per me ...

rel

<link rel="icon" lavoreranno in IE8, 9, FX e Chrome, ma non in IE6 o 7. La rel="shortcut icon" è supportato da IE6 & 7.

Gli standard W3C stabiliscono un elenco delimitato spazio e che la chiave è solo icon. Questo significa shortcut icon opere in tutti i browser - trattati in modo non corretto da IE e come chiave composto in tutto il resto.

tipo

Tutti i browser sembrano accettare e gestire il formato icona di Windows per il file.

IE si aspetta che questo sia servito come MIME tipo image/vnd.microsoft.icon ma sembra funzionare solo in modo coerente se il tipo di contenuto è image/x-icon.

Tutto il resto si aspetta image/ico ma praticamente ignora.

---

Così il formato migliore è:

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

Tuttavia, se IE ha problemi di gestione del file o il server non sta passando il tipo di image/x-icon contenuti nelle intestazioni può aiutare a specificare il tipo di IE previsto :

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /> 

Answer 2

ero stanco di ridimensionamento favicon manualmente, e poi dover creare più <meta> e <link> tag per ogni dimensione e anche usando i tag modello corretti per il framework web che stavo usando attualmente.

Così ho scritto un piccolo tool gratuito per generare tutte le dimensioni corrette e anche per generare il markup richiesto. Check it out a https://favicongenerator.co