HTML sayfası simgeleriyle ilgili temel sorun, genellikle web kullanımı için uygun şekilde optimize edilmemiş olmalarıdır. Görüntülenebilmesi için tarayıcının tüm simge dosyasını indirmesi gerektiğinden, bu durum yavaş yükleme sürelerine neden olabilir. Ek olarak, simge çok büyükse veya desteklenmeyen bir biçimdeyse, tüm tarayıcılarda ve cihazlarda doğru şekilde görüntülenmeyebilir. Son olarak, HTML sayfası simgesi erişilebilirlik standartları için uygun şekilde optimize edilmemişse, engelli kullanıcıların içeriğe erişmesi zor veya imkansız olabilir.
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
1. Bu kod satırı, harici bir kaynağa, özellikle bir simge dosyasına bir bağlantı oluşturur.
2. "rel" niteliği, geçerli belge ile bağlantılı kaynak arasındaki ilişkiyi, bu durumda bir "kısayol simgesi" belirtir.
3. “href” özniteliği, “favicon.ico” adlı bir dosya olan bağlantılı kaynağın konumunu belirtir.
4. "type" özelliği, x-icon formatına sahip bir görüntü olan, bağlantı kurulmakta olan ortam türünü belirtir.
sayfa simgesi nedir
HTML'deki sayfa simgesi, bir web sitesini veya web sayfasını temsil etmek için kullanılan bir resimdir. Genellikle tarayıcı sekmesinde, adres çubuğunda ve yer imleri listesinde görüntülenir. Sayfa simgeleri, "favori simgesi" anlamına gelen favicon olarak da adlandırılır. Genellikle küçüktürler (16×16 piksel) ve statik veya animasyonlu olabilirler.
Favicon ve simge arasında farklı
Favicon, bir web sitesinin tarayıcı sekmesinde görünen küçük bir simgedir. Genellikle web sitesini veya markayı temsil etmek için kullanılır ve adres çubuğunda, yer imlerinde ve sekmelerde görülebilir. Simge, bir eylemi veya fikri temsil etmek için kullanılan bir görüntüdür. Simgeler genellikle bir web sitesi veya uygulama içindeki menü öğelerinin, düğmelerin ve bağlantıların grafik temsilleri olarak kullanılır.
Bir web sitesi için tarayıcı sekmesi simgesi nasıl eklenir
HTML'de bir web sitesi için tarayıcı sekmesi simgesi eklemek basit bir işlemdir. Tek yapmanız gereken, HTML belgenizin bölümüne aşağıdaki kodu eklemektir:
[yol/dosyaadı.uzantı] öğesini simge görüntünüzün yolu ve dosya adıyla değiştirin ve [filetype] öğesini görüntünüzün dosya türüyle değiştirin (örneğin, png, jpg, vb.). Örneğin:
Bu kod, kullanıcılar tarafından ziyaret edildiğinde web siteniz için tarayıcı sekmesinde bir simge görüntüler.
