Nasıl Yapılır - HTML'de Favicon Ekleme
HTML'de favicon eklemeyi öğrenin.
HTML'de Favicon Nasıl Eklenir
Favicon, tarayıcı sekmesinde sayfa başlığının yanında görüntülenen küçük bir resimdir.
Beğendiğiniz herhangi bir resmi favicon olarak kullanabilirsiniz. Ayrıca https://favicon.cc gibi sitelerde kendi favicon'unuzu oluşturabilirsiniz .
İpucu: Favicon küçük bir resimdir, bu nedenle yüksek kontrastlı basit bir resim olmalıdır.
Tarayıcı sekmesinde sayfa başlığının solunda aşağıdaki gibi bir favicon resmi görüntülenir:
Web sitenize favicon eklemek için site ikonu imajınızı web sunucunuzun kök dizinine kaydedin ya da kök dizinde images adlı bir klasör oluşturun ve favicon imajınızı bu klasöre kaydedin. Bir site simgesi görüntüsünün ortak adı "favicon.ico"dur.
Ardından, <link>
"index.html" dosyanıza <title>
öğeden sonra şöyle bir öğe ekleyin:
Örnek
<!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>
Şimdi "index.html" dosyasını kaydedin ve tarayıcınıza yeniden yükleyin. Tarayıcı sekmeniz artık favicon resminizi sayfa başlığının solunda göstermelidir.