Bagaimana untuk Menambahkan Ikon Laman di HTML

Belajar bagaimana untuk menambahkan ikon laman di HTML (Favicon).

Bagaimana untuk Menambahkan Ikon Laman di HTML

Ikon laman (favicon) adalah imej kecil yang dipaparkan di sebelah tajuk halaman tab pelayar.

Anda boleh gunakan mana-mana imej yang anda suka sebagai ikon laman. Anda juga boleh membuat ikon laman sendiri di laman seperti https://favicon.cc.

Petikan:Ikon laman adalah imej kecil, jadi ia seharusnya adalah imej yang sederhana dengan kontras tinggi.

Ikon laman tampil di sebelah kiri tajuk halaman tab pelayar, seperti yang ditunjukkan di bawah:

contoh ikon laman web

Untuk menambahkan ikon laman ke laman web anda, simpan imej ikon laman anda di root direktori pelayan web, atau buat folder bernama images di root direktori dan simpan imej ikon laman anda di dalam folder ini. Nama umum imej ikon laman adalah "favicon.ico".

Berikutnya, di dalam fail "index.html" <title> Tambahkan satu element <link> Element, seperti yang ditunjukkan di bawah:

<!DOCTYPE html>
<html>
<head>
  <title>My Page Title</title>
  <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

Cuba sendiri

Sekarang, simpan fail "index.html" dan muat semula ia di pelayar. Tab pelayar anda sekarang akan memaparkan ikon laman anda di sebelah kiri tajuk halaman.