HTML'de Web Sitesi Simgesi Eklemek

HTML'de web sitesi simgesi (Favicon) eklemeyi öğrenin.

HTML'de Web Sitesi Simgesi Eklemek

Web sitesi simgesi (favicon), tarayıcı etiketlerinde sayfa başlığı yanında gösterilen küçük bir görseldir.

Herhangi bir favori görseli web sitesi simgesi olarak kullanabilirsiniz. Ayrıca, https://favicon.cc gibi sitelerde kendi web sitesi simgenizi oluşturabilirsiniz.

İpucu:Web sitesi simgesi, küçük bir görseldir, bu yüzden yüksek kontrastlı basit bir görsel olmalıdır.

Web sitesi simgesi, tarayıcı etiketinizin solunda sayfa başlığı yanında gösterilir, aşağıdaki gibi:

网站图标的例子

Sitenize web sitesi simgesi eklemek için web sunucusunun kök dizinine web sitesi simgesi görselini kaydedin veya kök dizininde "images" adında bir klasör oluşturun ve web sitesi simgesi görselini bu klasöre kaydedin. Web sitesi simgesi görsellerinin yaygın adı "favicon.ico".

Sonra, "index.html" dosyasındaki <title> elementinin arkasına bir <link> Aşağıdaki gibi elementler:

<!DOCTYPE html>
<html>
<head>
  <title>My Page Title</title>
  <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
<body>
<h1>Bu, bir Başlıktır</h1>
<p>Bu, bir paragraftır.</p>
</body>
</html>

Kişisel olarak deneyin

Şu anda, "index.html" dosyasını kaydedin ve tarayıcıda yeniden yükleyin. Tarayıcı etiketiniz şimdi sayfa başlığı solunda sitenizin simgesini göstermelidir.