HTML Anchor (Bağlantı) <a> Etiketi
HTML’deki bağlantı <a> etiketi başka bir sayfaya, başka bir bölüme veya başka bir web sitesine bağlantılar oluşturmak için kullanılır. Href, rel, hedef ve indirme bağlantıları gibi birkaç özellik sayesinde bunlar da özelleştirilebilir.
Bağlantı etiketiyle oluşturabileceğiniz farklı bağlantı türleri;
İletişim Linkleri
Bu bağlantılar, yeni bir web sayfası açmak yerine kullanıcının cihazındaki belirli uygulamaları tetikler.
mailto:
mailto: özellik varsayılan e-posta istemcisini açar.
<a href="mailto:infojuniortoexpert.com">Mail Atın</a>tel:
tel: özelliği bir çağrı başlatır (mobil cihazlar için çok uygun).
<a href="tel:+199999999999">Bizi Arayın</a>sms:
sms: özelliği sms uygulamasını açar.
<a href="sms:+199999999999">SMS Atın</a>Fonksiyon ve Kaynak Linkleri
Download link and Script link are used to perform actions or handle specific file types.
İndirme bağlantısı ve Script fonksiyonu, eylemleri gerçekleştirmek veya belirli dosya türlerini işlemek için kullanılır.
İndirme Linki
İndirme bağlantıları, tarayıcıyı bağlantılı dosyayı açmak yerine indirmeye zorlar.
<a href="guide.pdf" download>PDF'i İndirin</a>Script Fonksiyon Linki
Script fonksiyonu bağlantıları JavaScript kodunu çalıştırır (ancak genellikle event listener’lar için önerilmez).
<a href="javascript:alert('Hello!');">Tıklayın</a>rel Özellikleri
Rel özelliği bağlantının nereye gittiğini değiştirmez ancak arama motorlarına ve tarayıcılara bağlantının neyi temsil ettiğini bildirir. Bu SEO çok önemlidir.
rel=”nofollow”
rel = "nofollow": Arama motorlarına “link juice” veya yetkisini hedefe aktarmamalarını söyler. Ücretli bağlantılar veya güvenilmeyen içerik için kullanılır.
<a href="https://support.apple.com/en-us/125091" rel="nofollow">Apple Dokümanı</a>rel=”noopener” veya rel=”norefferr”
rel = "noopener" veya rel = "noreferrer": Yeni sayfanın orijinal sayfanın pencere nesnesine erişmesini önlemek için target = "_blank" ile kullanılan özellik.
rel=”sponsored”
rel = "sponsorlu": Özellikle reklamlar veya ücretli yerleşimler için.
rel=”ugc”
rel = "ugc": “User Generated Content” için, yorum bölümündeki bağlantılar gibi.
Target Özelliği
Bu bağlantıların nasıl açılacağını kontrol etmek için target özelliğini kullanın:
target = "_self": Aynı sekmede açılır (Varsayılan bir değerdir, dolayısıyla özel olarak kullanılmasına gerek yoktur.).
<a href="https://support.apple.com/en-us/125091" target="_selt">Apple Dokümanı</a>target = "_blank": Link yeni bir sekmede açılır.
<a href="https://support.apple.com/en-us/125091" target="_blank">Apple Dokümanı</a>Absolute, Relative ve Atlama Linkleri
Kullanıcıyı sayfalar veya bölümler arasında taşımak için kullanılan üç yaygın bağlantı türü vardır.
Absolute Link
Site içerisine verilen bağlantının uzun versiyonu.
<a href="https://juniortoexpert.com/en/wordpress-en/">WordPress</a>Relative Link
Site içerisine verilen bağlantının kısa versiyonu.
<a href="/en/wordpress-en/">WordPress</a>Absolute URL ve Relative URL için ayrıntılı açıklama: https://juniortoexpert.com/tr/absolute-ve-relative-url/
Atlama Linki
Atlama bağlantıları aynı sayfadaki belirli bir alana HTML id özelliği ile bağlantı vermek için kullanılır.
<a href="#section-2">2. Section</a>
