<base> Html Etiketi Ne İşe Yarar Versiyon 2.10

soulmy html 18.Kas.2013 170 görüntülenme 0 yorum

Arkadaşlar merhaba.

Bu aralar pek yazı yazamıyorum yoğunluktan dolayı, kusura bakmayın. Bugün bir boşluk buldum, birşeyler yazayım dedim.

html'de az bilinen ama gerektiğinde çok işe yarayan bir etiketimiz var: <base> Bu etiketin ne işe yaradığını sözel olarak anlatmam çok zor. Bu yüzden örnek kodlarla açıklamaya çalışacağım.

Örnek olarak böyle bir sayfamız olsun.

<html>
<head>
    <title>Base Etiketini Öğreniyorum</title>
</head>
<body>

     <a href="index.php">Lorem Ipsum</a>

</body>
</html>
  • Eğer bu sayfa www.siteadresi.com adresindeyken linke tıklanılırsa www.siteadresi.com/index.php sayfasına yönlenecektir.
  • Eğer bu sayfa www.siteadresi.com/kategori/ adresindeyken linke tıklanılırsa www.siteadresi.com/kategori/index.php sayfasına yönlenecektir.

Gördüğünüz gibi bizim bulunduğumuz sayfa değiştikçe linkin gittiği adres de değişiyor. (Aynı mantık css, js, resim dosyaları için de geçerli.)

İşte bunu sabitlemek için de <base> etiketini kullanabiliyoruz. <head> tagları arasına <base> etiketini eklediğimizde bulunduğumuz sayfa değişse bile linkin yönlendireceği sayfa sabit kalacak.

<html>
<head>
    <title>Base Etiketini Öğreniyorum</title>
    <base href="http://www.siteadresi.com/" target="_blank">
</head>
<body>

     <a href="index.php">Lorem Ipsum</a>

</body>
</html>

Bu örneğe göre:

  • Eğer bu sayfa www.siteadresi.com adresindeyken linke tıklanılırsa www.siteadresi.com/index.php sayfasına yönlenecektir.
  • Eğer bu sayfa www.siteadresi.com/kategori/ adresindeyken linke tıklanılırsa www.siteadresi.com/index.php sayfasına yönlenecektir.

Olayın mantığı şu. Tarayıcı <base> etiketindeki href ile tanımlanan kısım (http://www.siteadresi.com/) ile linkte href ile tanımlanan kısmı (index.php) birleştiriyor ve bizi o sayfaya yönlendiriyor.

Base etiketinde fark ettiyseniz target="_blank" kullandım. İsteğe bağlı olarak bunu kullanabilir veya silebilirsiniz.

Bu etiket, özellikle sef url ile yapılandırılan sitelerde çok işe yarayacağı düşüncesindeyim.

Anlaşılmayan bir nokta varsa konu altından yazabilirsiniz. Bir sonraki yazımda görüşmek üzere. Kendinize iyi bakın bye bye smiley

Yorumlar

Bu yazıya yorum yapan ilk kişi sen ol.