Link Açma Çeşitleri

HTML Dersleri > Link Açma Çeşitleri

HTML'de link açma için birden fazla yöntem bulunmaktadır. Böylece linkin aynı sekmede veya farklı bir sekmede açılmasını sağlayabiliriz. Bunun için target niteliğini kullanırız.

Eğer linki farklı bir sekmede açmak istiyorsak target niteliğinin değerine _blank yazarız.

<!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Sorularla İslamiyet</title>
  </head>
  <body>
    <a target="_blank" href="https://sorularlaislamiyet.com/">
      Cevaplanmadık Sorunuz Kalmasın
    </a>
  </body>
</html>

Gördüğünüz gibi linkimiz farkı bir sekmede açıldı. Eğer linkimizi aynı sekmede açmak istiyorsak target kullanmamıza gerek yoktur. Çünkü tarayıcı varsayılan olarak target="_self" değerini atayacaktır. Şimdiki örneğimizde iki tane bağlantı oluşturalım ve target niteliğinin kullanılmamış hali ile target="_self" kullanımının aynı sonucu verdiğini gözlemleyelim.

<!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Sorularla İslamiyet</title>
  </head>
  <body>
    <a target="_self" href="https://sorularlaislamiyet.com/">
      Cevaplanmadık Sorunuz Kalmasın
    </a>
    <br>
    <a href="https://sorularlaislamiyet.com/">
      Cevaplanmadık Sorunuz Kalmasın
    </a>
  </body>
</html>

Normalde kendi cihazınızdan target niteliğini kullanmadan bağlantı verdiğinizde bağlantı direkt olarak mevcut pencerede çalışmaktadır. Bizim kodlama editörümüzde ise kodun sonucu bir pencereden çalıştığı için linki açmaya çalıştığınızda link kod örneğinin penceresinde açılmaktadır. Bu gibi durumlarda linki en üst pencerede açmak istediğimizde target="_top" niteliğini kullanırız.

<!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Sorularla İslamiyet</title>
  </head>
  <body>
    <a target="_top" href="https://sorularlaislamiyet.com/">
      Cevaplanmadık Sorunuz Kalmasın
    </a>
  </body>
</html>

Eğer linki sadece bir üst pencerede açmak istiyorsak o zaman target niteliğine _parent değerini veririz. Bizim sitemizde kod örneğinden sonra başka bir pencere olmadığı için _top kullanılmış gibi sonuç verecektir. Fakat eğer biz pencere için pencere gibisinden bir yapı yapmış olsaydık o zaman _parent değerini verdiğinizde bir sonraki pencerede çalışırdı.

Örneğin pencere1 -> pencere2 -> pencere3 şeklinde bir yapımız olsun. Eğer biz pencere3 içerisindeki bir bağlantıya target="_parent" niteliğini verirsek o zaman linkimiz pencere2 içerisinden çalışır. Ama biz direkt target="_top" değerini verirek o zaman linkimiz direkt en üst düzey pencerede yani pencere1'de açılmış olurdu.

Önceki Ders

Sonraki Ders