Merhabalar,

Açık web sayfalarınız arasında geçiş yapmak için sekmeleri kullanabiliyoruz. Sitenizde bir bağlantı verdiğinizde kullanıcının sizin sitenizden ayrılmadan o bağlantıya yeni bir sekmede gitmesini sağlayabilirsiniz.

Bağlantıyı yeni sekmede açma işlemini HTML üzerinden örneklerle görelim:

<a href="https://furkangiray.wpcomstaging.com"> Furkan Giray </a>

Yukarıdaki örnek, normal bir bağlantıdır. <a> etiketi ile bağlantı oluştururuz, href niteliği ile bağlantı adresini belirtiriz. Bu şekilde bağlantı aynı sekmede açılır.

Yeni bir sekmede açmak için target niteliğini "_blank" olarak ayarlarız:

<a href="https://furkangiray.wpcomstaging.com" target="_blank"> Furkan Giray </a>

Ancak bu kullanım bazı güvenlik açıklarına neden olabilir. Özellikle tabnabbing gibi saldırılar mümkündür.

Bunu önlemek için rel niteliğini de ekliyoruz:

<a href="https://furkangiray.wpcomstaging.com" target="_blank" rel="noopener noreferrer"> Furkan Giray </a>

Özetlemek gerekirse, bağlantıyı yeni sekmede güvenli bir şekilde açmak için şu 3 niteliği kullanmalıyız:

• href: Bağlantı adresi
• target="_blank": Yeni sekmede aç
• rel="noopener noreferrer": Güvenlik için

Bu şekilde bağlantılarınız hem yeni sekmede açılır hem de güvenli olur.

Umarım anlaşılır olmuştur.

Mutlu Kodlamalar :)