HTML Favicon Ekleme Nasıl Yapılır?
12 Kasım 2023
2 dk okuma süresi
HTML Favicon ekleme işlemini adım adım öğrenin. Pratik rehberimizde HTML favicon ekleme için kullanışlı ipuçları ve yönergeler bulun.
Favicon eklemek için verdiğiniz kodun temelinde, <head> etiketleri arasında <link> etiketi kullanılarak tarayıcıya favicon dosyasının yolu belirtiliyor. Ancak, type özelliği genellikle “image/x-icon” veya “image/png” olarak ayarlanır, çünkü faviconlar genellikle .ico veya .png formatında olur. Ayrıca, dosya yolunu belirttiğiniz “resimyolu/resim.png” kısmını kendi favicon dosyanızın gerçek yoluna güncellemeniz gerekir.
İşte daha genel bir örnek:
htmlCopy code<html>
<head>
<link rel="shortcut icon" type="image/x-icon" href="yol/to/senin/favicon.ico"/>
</head>
<body>
<!-- Sayfa içeriği buraya gelecek -->
</body>
</html>
Burada, “type” özelliği “image/x-icon” olarak ayarlanmış ve “href” özelliği, favicon dosyanızın gerçek yoluyla değiştirilmiştir. Favicon dosyanız .ico uzantılıysa, bu uzantıyı kullanmalısınız. Eğer .png formatında ise “image/png” olarak ayarlayabilirsiniz.
