Situs yang saya cari memiliki 2 tautan berikut ke favicon-nya:
<link rel="shortcut icon" type="image/ico" href="/webmasters//_assets960/media/favicon.ico" />
<link rel="icon" href="/webmasters//favIcon.ico"/>
Pertanyaan: Apakah ada alasan bagus mengapa Anda menentukan ikon dua kali dengan dua cara yang sedikit berbeda?
Jawaban:
Seperti semua hal luar biasa di web, sepertinya IE adalah penyebabnya:
Pintasan bukan HTML yang valid, hanya untuk IE
sumber
<link rel="shortcut icon"...
memvalidasi untuk HTML4.01, menggunakan validator W3C untuk memeriksa ini jika Anda don'trust. Apalagi spec HTML5 masih dalam pengembangan sehingga kami belum tahu apakah akan dimasukkan atau tidak. Situs web StackExchange ini<link rel="shortcut icon"...
juga menggunakanAlasannya adalah kompatibilitas dengan Internet Explorer .
rel="icon"
adalah cara yang dilakukan dalam HTML5 atau browser lain selain IE.sumber
/favIcon.ico
sama sekali ...)Benar-benar kedua baris tidak dibutuhkan. Anda hanya perlu meletakkan file favicon.ico di direktori root Anda dan Anda akan baik-baik saja. Anda dapat memasukkan kode seperti di atas untuk memungkinkan favicon memuat sebelum halaman selesai memuat tetapi itu tidak penting. Sepertinya kode yang dimaksud di atas dibuat karena kebingungan.
sumber
Baris di bawah ini berfungsi di semua browser:
Dan itu satu-satunya baris yang digunakan juga oleh situs StackExchange (lihat di kode sumber halaman ini)
CATATAN: the path http penuh favicon perlu untuk menunjukkan ikon di IE, di semua browser lain Anda tidak perlu jalan http penuh.
sumber