- Konu sahibi
- #1
İç bağlantıya veya dış bir siteye ait URL’ye
Burada
Bağlantıyı oluşturmak için
Bu kod tarayıcıya şu bilgileri verir:
Yeni sekme açılması HTML tarafından istense de sekmenin ayrı bir pencere olarak mı, yoksa sekme olarak mı gösterileceğine tarayıcı ve kullanıcının ayarları karar verebilir. Bu nedenle
Dış sitelere verilen bağlantılarda
Kullanıcı, bağlantının yeni sekmede açılacağını önceden bilmelidir. Bağlantı metnini buna göre yazabilir veya kısa bir açıklama ekleyebilirsiniz:
Bağlantının metnini yalnızca “Tıklayın” gibi belirsiz bir ifade yapmak yerine hedefi açıklayan bir metin kullanmak, sayfanın anlaşılmasını ve klavye ya da ekran okuyucu kullanan kişilerin bağlantıyı değerlendirmesini kolaylaştırır.
Bağlantı hiç açılmıyorsa önce
Yeni sekme yerine mevcut sekme açılıyorsa kodda
target="_blank" özniteliğini ekleyerek bağlantının yeni sekmede açılmasını sağlayabilirsiniz. Örneğin aşağıdaki kodda kullanıcı bağlantıya tıkladığında https://ornek.com adresi mevcut sayfadan ayrılmadan yeni bir sekmede açılır:
HTML:
<a href="https://ornek.com" target="_blank" rel="noopener noreferrer">Örnek siteyi aç</a>Burada
href açılacak adresi, target="_blank" yeni sekme veya pencere isteğini, rel="noopener noreferrer" ise yeni açılan sayfanın mevcut pencereye erişimini sınırlandırmayı belirtir. Yeni sekmede açılan dış bağlantılarda bu rel değerlerini kullanmak güvenli ve uyumlu bir tercihtir.Yeni sekmede açılan bağlantının temel kodu
Bağlantıyı oluşturmak için
<a> etiketini kullanın. Kullanıcının göreceği metni açılış ve kapanış etiketleri arasına, adresi ise href özniteliğine yazın:
HTML:
<a href="https://www.ornek.com" target="_blank" rel="noopener noreferrer">Yeni sekmede aç</a>Bu kod tarayıcıya şu bilgileri verir:
href="https://www.ornek.com": Tıklanacak hedef adresidir.target="_blank": Hedefi yeni bir sekmede veya tarayıcının tercihine göre yeni bir pencerede açar.rel="noopener noreferrer": Yeni açılan belgenin açan sayfaya erişimini engeller;noreferrerayrıca yönlendiren sayfa bilgisinin gönderilmesini önleyebilir.Yeni sekmede aç: Kullanıcının sayfada gördüğü bağlantı metnidir.
<body> bölümüne veya bağlantının görünmesini istediğiniz HTML alanına yerleştirmeniz yeterlidir. Dosyayı kaydedip tarayıcıda açtıktan sonra bağlantıya tıklayın. Mevcut sayfanın açık kaldığını ve hedef içeriğin ayrı bir sekmede görüntülendiğini görürsünüz.Aynı sayfada ve yeni sekmede açma arasındaki fark
target özniteliği kullanılmadığında bağlantı varsayılan olarak mevcut sekmede açılır. Yeni sekme için target="_blank" kullanılır. Bu iki seçimin sonucu şöyledir:| Kod | Beklenen davranış |
|---|---|
<a href="adres">...</a> | Bağlantı mevcut sekmede açılır. |
<a href="adres" target="_blank">...</a> | Bağlantı yeni bir sekmede veya pencerede açılır. |
<a href="adres" target="_blank" rel="noopener noreferrer">...</a> | Yeni sekmede açılır ve açan sayfaya erişim sınırlandırılır. |
target="_blank" ifadesi kesin olarak yeni bir pencere açılacağını değil, yeni bir tarama bağlamı kullanılacağını belirtir.Güvenli ve anlaşılır kullanım
Dış sitelere verilen bağlantılarda
rel="noopener noreferrer" eklemeniz önerilir. Özellikle yeni açılan sayfanın açan pencereyi değiştirmesini istemiyorsanız noopener önemlidir. noreferrer kullanıldığında hedef siteye yönlendiren sayfa bilgisi gönderilmeyebilir; analiz veya yönlendiren bilgisine dayanan bir sistem kullanıyorsanız bu davranışı ayrıca değerlendirmeniz gerekir.Kullanıcı, bağlantının yeni sekmede açılacağını önceden bilmelidir. Bağlantı metnini buna göre yazabilir veya kısa bir açıklama ekleyebilirsiniz:
HTML:
<a href="https://ornek.com" target="_blank" rel="noopener noreferrer">
Örnek siteyi yeni sekmede aç
</a>Bağlantının metnini yalnızca “Tıklayın” gibi belirsiz bir ifade yapmak yerine hedefi açıklayan bir metin kullanmak, sayfanın anlaşılmasını ve klavye ya da ekran okuyucu kullanan kişilerin bağlantıyı değerlendirmesini kolaylaştırır.
target="_blank" bağlantıyı yeni sekmede açar; ancak yeni sekmeye geçileceğine dair özel bir görsel bildirim veya erişilebilirlik açıklaması kendiliğinden oluşturmaz.Kod çalışmıyorsa neyi kontrol etmelisiniz?
Bağlantı hiç açılmıyorsa önce
href içindeki adresin tam ve geçerli olduğundan emin olun. Dış adreslerde https:// gibi protokol bilgisinin eksik olması, tarayıcının adresi mevcut site içinde aramasına veya yanlış bir adrese yönelmesine neden olabilir.Yeni sekme yerine mevcut sekme açılıyorsa kodda
target="_blank" bulunduğunu ve tırnak işaretlerinin doğru kapatıldığını kontrol edin. Bağlantı bir JavaScript kodu, içerik güvenlik politikası veya tarayıcı eklentisi tarafından değiştirilmediği sürece bu HTML kullanımı yeterlidir. Mevcut sekmenin açık kalması ve hedef adresin ayrı bir sekmede görünmesi, bağlantının doğru çalıştığını gösterir; hedef sitenin içeriğinin veya erişilebilirliğinin doğru olduğunu tek başına kanıtlamaz.