<Link rel = “icon” href = “favicon.ico” type = “image / x-icon” /> eklemeniz gerekiyor mu?

207

Baş etiketime şu kod satırını dahil etmedim, ancak favicon'um hala tarayıcımda görünüyor:

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

Eklemenin amacı nedir?

html favicon

— user784637
kaynak

176

Favicon'u çağırmazsanız, favicon.icogerçek yolu belirtmek için bu etiketi kullanabilirsiniz (bir images/dizinde varsa). Tarayıcı / web sayfası favicon.icovarsayılan olarak kök dizinde arama yapar.

— Brian Graham
kaynak

3

veya kök klasöründe ancak örneğin bir varlık klasöründe favicon.ico

— dosyanız yoksa

123

Aslında her ikisini de yapmalısınız, böylece tüm tarayıcılar simgeyi bulacaktır.

"Favicon.ico" dosyasını adlandırmak ve web sitenizin kök dizinine koymak, W3C tarafından "önerilmez" yöntemidir:

Yöntem 2 (Cesaretten Arındırılmış): Favicon'u önceden tanımlanmış
bir URI'ye yerleştirme Bir favicon'u belirtmek için ikinci bir yöntem, sunucunun köküne göre olan "/ favicon" görüntüsünü tanımlamak için önceden tanımlanmış bir URI kullanılmasına dayanır. Bu yöntem, bazı tarayıcıların bu URI'yi kullanarak favicons aramaya programlandığı için çalışır.
W3C - Sitenize favori simgesi nasıl eklenir?

Bu nedenle, tüm durumları kapsamak için, bunu her zaman bir "rel" özniteliği eklemenin ve aynı .ico dosyasına işaret etmenin önerilen yöntemine ek olarak yaparım.

— siburb
kaynak

8

Evet, bu daha doğru bir cevap. Kökleri basitçe koymakla ilgili standartlar yoktur favicon.ico, ancak çoğu tarayıcı söz konusu dosyayı tarihsel nedenlerden dolayı otomatik olarak isteyecektir.

— Fabrício Matté

10

Bunu yapmak için uygun bir neden değil bazı durumlarda çalıştığı için , ancak daha iyi bir yöntem bazı durumlarda çalışmaması nedeniyle

— Jasper

2

İlginçtir ki, realFaviconGenerator önerir değil , HTML kafasında favicon ilan.

— Dan Dascalescu

7

Internet Explorer favicon'u icat etti ve kökte aradı. AFAIK, tüm tarayıcılar bunu yapar. Bu yüzden bir favicon.ico köküne koymanızı öneririm, aksi takdirde 404 döndürür ve çoğu sistem bunu önbelleğe almaz ... bu yüzden talep etmeye devam eder. Buraya bir simge koyun ve düzgün bir şekilde önbelleğe alınacaktır.

— Stijn de Witt

50

İki nedenden dolayı kullanıyorum:

Örneğin bir sorgu parametresi ekleyerek simgenin yenilenmesini zorlayabilirim ?v=2. bunun gibi: <link rel="icon" href="https://stackoverflow.com/favicon.ico?v=2" type="image/x-icon" />
Eğer yolu belirtmem gerekiyorsa.

— nilsi
kaynak

Harika, sonunda neden gösterilmediğini anladım!

— whamsicore

Eminim bu sadece bir yazım hatasıydı, ama orada göreli bir href var, yani tüm sayfalarınız en üst düzeyde değilse veya her alt dizinde bir favicon.ico dosyanız olmadığı sürece işe yaramaz.

— Chris Cogdon

Daha sonra okuyuculara FYI, Chris Cogdon adlı kullanıcının yorumunda düzeltildi "9 Eylül 16:05", bu yüzden artık sorun değil

— Daryn

13

Basitçe kök klasöre eklemek bir modadan sonra çalışır, ancak favicon'u değiştirmem gerekirse güncelleme yapmak günler alabilir ... bir önbellek yenilemesi bile hile yapmaz.

— Nicole
kaynak

Ctrl-C & Rebuild'i unutmayın.

— Jason Glass

9

Birçok kişi çerez yolunu / olarak ayarlar. Bu, her favicon isteğinin en az krom olarak site çerezlerinin bir kopyasını göndermesine neden olur. Favicon'unuzu cookieless alan adınıza yönlendirmek bunu düzeltmelidir.

<link rel="icon" href="https://cookieless.MySite.com/favicon.ico" type="image/x-icon" />

Ne kadar trafik aldığınıza bağlı olarak, bu bağlantı eklemek için en pratik neden olabilir.

Cookieless alan adı oluşturma hakkında bilgi:

http://www.ravelrumba.com/blog/static-cookieless-domain/

— user3907900
kaynak