---

a Nedir?

a etiketi (anchor), HTML’de sayfalar arasında veya aynı sayfa içindeki farklı bölümlere bağlantı vermek için kullanılan temel bir etikettir. Web’in bağlantı yapısının temelini oluşturur ve kullanıcıların içerikler arasında kolayca gezinmesini sağlar.

a etiketi genellikle href özniteliği ile birlikte kullanılır ve bağlantının hedefini belirtir.

Ne İşe Yarar?

• Sayfalar arası yönlendirme sağlar
• Aynı sayfa içinde belirli bir bölüme gitmeyi mümkün kılar
• Dosya indirme bağlantıları oluşturur
• E-posta ve telefon bağlantıları eklemeye olanak tanır
• SEO ve erişilebilirlik açısından anlamlı bağlantılar sunar

En Basit Kullanımı

Bir bağlantı oluşturmak için href özniteliği kullanılır:

<a href="https://example.com">
Web Sitesine Git
</a>

Örnek Kullanımlar

Sayfa İçi Bağlantı (Anchor Link)

Aynı sayfa içindeki bir bölüme yönlendirme yapmak için hedef elemana id atanır:

<a href="#iletisim">İletişim Bölümüne Git</a>

<div id="iletisim">
İletişim İçeriği
</div>

Yeni Sekmede Açma

<a href="https://example.com" target="_blank" rel="noopener">
Yeni Sekmede Aç
</a>

E-Posta ve Telefon Bağlantıları

<a href="mailto:info@example.com">E-posta Gönder</a>
<a href="tel:+901234567890">Telefon Et</a>

Dosya İndirme Bağlantısı

<a href="dosya.pdf" download>PDF İndir</a>

Ne Zaman Kullanılır?

• Sayfalar arası geçiş yapılırken
• Uzun içeriklerde kullanıcıyı belirli bir bölüme yönlendirirken
• Dosya indirme veya harici bağlantı sunarken
• İletişim bilgilerine hızlı erişim sağlamak için

Küçük İpuçları

• Anlamsız metinler yerine açıklayıcı bağlantı metinleri kullanın
• Harici bağlantılarda rel="noopener" eklemeyi unutmayın
• SEO için bağlantı metni içeriğe uygun olmalıdır
• Erişilebilirlik için sadece “tıkla” gibi ifadelerden kaçının

---