Yazar:
Kategori:
Tarih: 27.06.2020

HTML Bağlantı Etiketleri için Rel Özelliği

HTML'de Bağlantı(<a>) etiketlerinin içindeki rel özelliği, bağlantının işaret ettiği belgeyle ilişkisini açıklar. İsteğe bağlıdır, ancak bu özelliklerden bir kaçını kullanmayı alışkanlık edinmek çok kullanışlı olabilir. Kullanabileceğiniz rel özellikleri ve bu özelliklerin ne anlama geldiği ayrıca kullanıma bir örnek aşağıda gösterilmiştir.

Kullanıma örnek;
<a href="https://sirabulucu.com/makale/etiket/seo" rel="tag noopener" target="_blank">SEO hakkında makaleler</a>

#ÖzellikAçıklama
1alternateMevcut belgenin alternatif bir sürümünü gösterir.
2authorMevcut belgenin yazarını gösterir.
3bookmarkYer işareti koymak için bir URL'yi gösterir.
4enclosureİndirilebilir bir varlığı gösterir.
5externalBaşvurulan belgenin geçerli belgeyle aynı sitenin bir parçası olmadığını gösterir.
6helpBir yardım belgesini gösterir.
7licenseMevcut belgenin Yasal, lisans veya telif hakkı bilgilerine bir bağlantı verildiğini göterir.
8nextGeçerli belgenin bir serinin parçası olduğunu ve serideki bir sonraki belgenin başvuruda bulunulan belge olduğunu gösterir.
9prevGeçerli belgenin bir serinin parçası olduğunu ve dizideki önceki belgenin başvuruda bulunulan belge olduğunu gösterir.
10nofollowBelgenin onaylanmadığını arama motorlarına gösterir. Bu en yaygın kullanılan değerdir ve ücretli bağlantılar ve reklamlar için kullanılmalıdır.
11noreferrerTarayıcıya HTTP yönlendirme başlığı göndermemesini belirtir.
12noopenerAslında bunu bir güvenlik önlemidir ve kullanılması önemlidir, peki nedir bu noopener özelliği;
Bir sayfada target="_blank" veya window.open() şeklindeli bağlantılara tıklandığında açılacak olan bağlantı bulunduğunuz sayfada değilde yeni bir sayfada açılır.
Açılan bu sayfa kendisini açan sayfanın bazı bilgilerine erişebilir ve kısmi olarak kontrol edebilir bu da potansiyel olarak bir güvenlik açığı oluşturur.
noopener özelliği kullanılan bağlantılarda ise durum farklıdır bu özellik kullanılarak oluşturulan bağlantılara tıklandığında tarayıcıya yeni açılan sayfanın kendisini açan sayfaya ait bilgileri sıfırlamasını söyler.
Bu sayede açılan yeni sayfa, önceki sayfa hakkında bilgi sahibi olamaz ve herhangi bir kontrol sağlayamaz.
13searchBelge için bir arama işlevini gösterir.
14tagGeçerli belge için bir etiket (anahtar kelime).
15sponsoredReklam, sponsorluk veya benzeri anlaşmaların bir parçası olarak oluşturulmuş bağlantıları tanımlar
16ugcYorumlar ve forum gönderileri gibi kullanıcı tarafından oluşturulan içerikte görünen bağlantıları tanımlar.