Ping ve rel türleri

rel özniteliğinin noopener, noreferrer, license, bookmark gibi türlerini öğrenirsin.

rel özniteliği ve yeni türleri

rel özniteliği bağlantının ilişkisini söyler. Yeni sekmede açılan dış bağlantılarda kullandığın noopener'ı hatırlıyor olmalısın. Şimdi iki yeni tür geliyor: license bir lisans ya da telif sayfasına, bookmark ise kalıcı bir yazı bağlantısına işaret eder.

Örnek: <a href="/lisans" rel="license">Lisans</a> bağlantının lisans sayfasına gittiğini belirtir. <a href="/yazilar/ilk-yazi" rel="bookmark">Kalıcı bağlantı</a> ise bu adresin bir yazıya ait kalıcı konum olduğunu söyler.

noopener, noreferrer ve ping

target="_blank" ile yeni sekmede açılan dış bağlantılarda rel="noopener" kullanmak güvenliği artırır; açılan sekme açan sayfanın window.opener'ına erişemez. noreferrer ise hedef sayfaya yönlendirme bilgisinin gitmesini engeller, gizlilik için yararlıdır.

Bu ikisini çoğu zaman birlikte yazarsın: rel="noopener noreferrer". ping özniteliği başka iş yapar: bağlantıya tıklanınca tarayıcı arka planda belirtilen URL'lere küçük istekler gönderir; genellikle kullanıcı davranımını ölçmek için kullanılır.

Uygulama Dış bağlantıyı güvenli yaz

Bir dış bağlantı yaz: href ile https://wikipedia.org adresine gitsin ve rel="noopener noreferrer" ile güvenli olsun. Bağlantı metni Wikipedia olsun.

Örnek çözümü göster

<a href="https://wikipedia.org" rel="noopener noreferrer">Wikipedia</a>

Kendini test et

Bir lisans sayfasına giden bağlantı için hangi rel değeri kullanılır?
- bookmark
- license
- noopener
- noreferrer
Cevabı göster

license — Doğru. license, lisans ve telif sayfalarına ayrılır.

rel özniteliğini tamamla

<a href="https://wikipedia.org" target="_blank" rel="____">Wikipedia</a>

Cevabı göster

<a href="https://wikipedia.org" target="_blank" rel="noopener noreferrer">Wikipedia</a>

rel türünü anlamıyla eşleştir

noopener

Güvenli yeni sekme
noreferrer

Yönlendirme bilgisini engeller
license

Lisans sayfasına işaret
bookmark

Kalıcı yazı bağlantısı

Sıradaki ders: Hreflang ve canonical

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler