Pernyataan 1: <tautan rel = ikon pintasan href = favicon.ico />
Pernyataan 2 <tautan rel = ikon href = animated_favicon.gif type = gambar /gif />
Catatan: Ikon pintasan pernyataan adalah ikon yang muncul di depan kolom URL.
Pertanyaan: Apa fungsi ikon Pernyataan 2? Apa perbedaan antara pernyataan 1?
memandu
Di masa lalu, perancang dan pengembang situs web telah mengadopsi berbagai metode untuk memastikan kemunculan Favicon. Sulit untuk secara eksplisit memastikan bahwa Favicon dapat ditampilkan di semua komputer, bahkan dengan versi yang sama dari satu browser.
Keterbatasan lain dari kode berikut adalah bahwa ia mengaitkan Favicon dengan dokumen HTML atau XHTML tertentu. Untuk menghindari ini, file favicon.ico harus ditempatkan di direktori root. Sebagian besar browser akan secara otomatis mendeteksi dan menggunakannya.
Disarankan untuk memasukkan dua baris kode HTML berikut:
KODE:
<tautan rel = ikon shortcut href = http: //example.com/favicon.ico type = image/vnd.microsoft.icon>
<tautan rel = ikon href = http: //example.com/favicon.ico type = image/vnd.microsoft.icon>
Namun, hanya baris pertama yang diperlukan karena string ikon pintasan yang akan dikenali oleh sebagian besar browser yang sesuai dengan standar sebagai daftar kata kunci yang mungkin (jalan pintas akan diabaikan, dan hanya ikon yang akan berlaku); dan Internet Explorer akan menggunakannya sebagai nama terpisah (ikon pintasan). Hasilnya adalah bahwa semua browser dapat memahami kode ini. Hanya perlu menambahkan baris kedua jika Anda ingin memberikan gambar alternatif lain (seperti GIF animasi) untuk browser baru.
Dalam HTML, elemen tautan harus berada di elemen kepala (antara <head> dan </head>).
Untuk xhtml, tautan harus menggunakan end (atau>/link>), dan tidak dapat menggunakan akhir.
href dapat, tetapi tidak, menunjuk ke lokasi /favicon.ico. Itu bisa menunjuk ke URL apa pun.
Gambar biasanya dapat menggunakan format gambar apa pun yang didukung oleh browser.
Format file .ico biasanya dapat dibaca oleh semua browser yang dapat menampilkan Favicon.
Siapkan server untuk mengirim ID MIME yang benar:
ICO File Image/vnd.microsoft.icon (atau gambar/x-icon juga dapat digunakan untuk alasan kompatibilitas. Namun, lebih baik menggunakan tipe MIME yang terdaftar IANA, karena sebagian besar browser utama sekarang mendukungnya)
Gambar File GIF/GIF
Gambar file png/png
Gunakan resolusi dan kedalaman warna yang sesuai.
ICO: Termasuk beberapa resolusi (paling umum digunakan adalah 16 × 16 dan 32 × 32, Mac OS X kadang -kadang menggunakan 64 × 64 dan 128 × 128) dan kedalaman bit (bit per piksel) (sebagian besar menggunakan 4, 8, 24 BPP, mis. 16, 256 dan 16 juta warna).
GIF: Gunakan 16 × 16, 256 warna.
PNG: Gunakan 16 × 16, 256 warna atau 24 bit.
Catatan: Ketika favicon.ico ditempatkan di direktori root dokumen, itu akan ditemukan oleh beberapa browser yang tidak memproses elemen tautan, bahkan jika tidak ada tautan ke sana di situs Anda.
standardisasi
Fungsi Favicon pertama kali dibuat oleh Microsoft, dan Browser Web Internet Explorer Microsoft akan meminta Favicon untuk setiap situs web. Tag tautan yang didukung Microsoft tidak mematuhi rekomendasi HTML dari World Wide Web Consortium (W3C, World Wide Web Consortium) karena:
Atribut REL harus berisi daftar jenis tautan yang menggunakan spasi sebagai pembatas, sehingga jenis tautan yang berisi dua kata tidak dapat dipahami oleh browser standar.
Jenis file .ico (format raster untuk ikon di Microsoft Windows) tidak memiliki tipe MIME terdaftar, dan tampaknya tidak dapat dipahami oleh sebagian besar browser pada saat itu. Namun, pada tahun 2003, format ini terdaftar dengan IANA, dan tipe MIME -nya adalah Image/Vnd.Microsoft.icon, sehingga menghilangkan bagian pertama dari masalah ini.
Penggunaan lokasi yang dipesan di situs web bertentangan dengan arsitektur World Wide Web, dan juga dianggap jongkok tautan atau berjongkok.
Mozilla Browser menambahkan dukungan untuk Favicon melalui metode yang sesuai dengan standar web. Dibutuhkan rel = ikon dan memungkinkan perancang web untuk menambahkan favicon dalam format gambar yang didukung. Misalnya <tautan rel = ikon type = gambar/png href =/path/image.png>. Kemudian, mengingat bahwa fitur ini akan digunakan untuk semua konten baru, sebagian besar browser telah menambahkan dukungan untuk fitur ini.