Domanda

Stavo cercando di aggiungere una favicon di un sito in precedenza e cercò un modo migliore per implementare questo che il dump di un favicon.ico file nella root del sito.

Ho trovato questa bella piccola guida: Come Aggiungere una Favicon.Tuttavia, il metodo preferito non funziona in IE (7) e il secondo metodo è alla vecchia maniera (che ho rassegnato a usare).

C'è un terzo metodo che funziona su tutti i browser più diffusi?

È stato utile?

Soluzione

Questo è quello che io uso sempre:

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

La seconda è per IE.Il primo è per gli altri browser.

Altri suggerimenti

È possibile utilizzare il codice HTML per specificare la favicon, ma che funziona solo su pagine HTML.Un modo migliore per farlo è con l'aggiunta di quanto segue httpd.conf (Apache):

AddType image/x-icon .ico

Penso che il metodo più affidabile è semplicemente aggiunto il favicon.ico file per il root del tuo sito web.

Io non credo che ci sia bisogno di un tag meta a meno che non si desidera sovrascrivere manualmente l'impostazione predefinita favicon, ma non sono riuscito a trovare alcuna ricerca a sostegno della mia tesi.

Questo è il modo in cui sta facendo bene qui su Stack Overflow:

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

Bene, il file è nella directory principale in modo da non mostrare se il tag funziona o se il browser appena ricevuto l'icona dalla solita posizione (la radice).

Edit: Io provare e vedere se funziona.

Edit 2: Utilizzando entrambi i tag farlo funzionare anche per qualsiasi nome di file fino a quando il file è un'icona di IE7:Ho provato ad utilizzare .png file e funzionava solo con Firefox.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top