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ı