Masalah utama yang berkaitan dengan ikon halaman HTML ialah ia sering tidak dioptimumkan dengan betul untuk kegunaan web. Ini boleh menyebabkan masa pemuatan yang perlahan, kerana penyemak imbas perlu memuat turun keseluruhan fail ikon sebelum ia boleh dipaparkan. Selain itu, jika ikon terlalu besar atau dalam format yang tidak disokong, ia mungkin tidak dipaparkan dengan betul pada semua penyemak imbas dan peranti. Akhir sekali, jika ikon halaman HTML tidak dioptimumkan dengan betul untuk standard kebolehaksesan, mungkin sukar atau mustahil bagi pengguna kurang upaya untuk mengakses kandungannya.
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
1. Baris kod ini mencipta pautan ke sumber luaran, khususnya fail ikon.
2. Atribut "rel" menentukan hubungan antara dokumen semasa dan sumber yang dipautkan, dalam kes ini "ikon pintasan".
3. Atribut "href" menentukan lokasi sumber yang dipautkan, iaitu fail yang dipanggil "favicon.ico".
4. Atribut "jenis" menentukan jenis media yang dipautkan, iaitu imej dengan format ikon-x.
Apakah itu ikon halaman
Ikon halaman dalam HTML ialah imej yang digunakan untuk mewakili tapak web atau halaman web. Ia biasanya dipaparkan dalam tab penyemak imbas, bar alamat dan senarai penanda halaman. Ikon halaman juga dirujuk sebagai favicon, yang bermaksud "ikon kegemaran". Ia biasanya kecil (16×16 piksel) dan boleh sama ada statik atau animasi.
Berbeza antara favicon dan ikon
Favicon ialah ikon kecil yang muncul dalam tab penyemak imbas tapak web. Ia biasanya digunakan untuk mewakili tapak web atau jenama dan boleh dilihat dalam bar alamat, penanda halaman dan tab. Ikon ialah imej yang digunakan untuk mewakili tindakan atau idea. Ikon sering digunakan sebagai perwakilan grafik item menu, butang dan pautan dalam tapak web atau aplikasi.
Cara menambah ikon tab penyemak imbas untuk tapak web
Menambah ikon tab penyemak imbas untuk tapak web dalam HTML ialah proses yang mudah. Apa yang anda perlu lakukan ialah menambah kod berikut pada bahagian dokumen HTML anda:
Gantikan [path/filename.extension] dengan laluan dan nama fail imej ikon anda dan gantikan [filetype] dengan jenis fail imej anda (cth, png, jpg, dsb.). Sebagai contoh:
Kod ini akan memaparkan ikon dalam tab penyemak imbas untuk tapak web anda apabila ia dilawati oleh pengguna.
