lifeacode yandex
HTML base Etiketi | HTML Etiketleri | Lifeacode

HTML <base> Etiketi



HTML <base> etiketi, bir HTML belgesinde bulunan tüm göreli bağlantılar için kullanılabilecek tek bir URL belirtmek için kullanılır.

Bir belgede yalnızca bir <base> öğesi kullanılabilir ve <head> öğesinin içine yerleştirilir. Target(hedef) niteliğini kullanarak bağlantıların (aynı sekme, yeni sekme) pencerelerini belirleyebiliriz.

 

Söz dizimi:

<base href="https://www.lifeacode.com" />  

HTML’de base etiketi için kapanış etiketi gerekmez ama XHTML’de </base> kapanış etiketi kullanmak gerekmektedir.

 

Özellikleri:

Görüntüleme
Etiketi Başlat/ Etiketi Bitir
Kullanımı
Yok
Sadece Başlangıç Etiketi
Bağlantı 

  

Örnek:

<!DOCTYPE html>  
<html>  
<head>  
    <title>HTML Base Örnek</title>  
    <style>  
      a{text-decoration: none;  
        color:black;}  
      a:hover{color: blue;  
                   font-size: 14px;}  
    </style>  
    <base href="https://www.lifeacode.com" />  
 </head>  
 <body>  
        <h2 style="color: green; font-size: 20px; font-style: italic;">Eğitimler</h2>  
        <a href="#">HTML tutorial</a><br>  
        <a href="#">PHP tutorial</a>
  </body>  
</html>  

Ekran Çıktısı:

HTML Base Örnek

Eğitimler

HTML tutorial
PHP tutorial

Yukarıdaki örnekte linkler aynı sekmede açılır. Linklerin yeni sekmede açılması için base etiketine target özelliği vermek gerekir.

 

Örnek-2 (Yeni Sekme)

<!DOCTYPE html>  
<html>  
<head>  
    <title>HTML Base Örnek</title>  
    <style>  
      a{text-decoration: none;  
        color:black;}  
      a:hover{color: blue;  
                   font-size: 14px;}  
    </style>  
    <base href="https://www.lifeacode.com" target="_blank" />  
 </head>  
 <body>  
        <h2 style="color: green; font-size: 20px; font-style: italic;">Eğitimler</h2>  
        <a href="#">HTML tutorial</a><br>  
        <a href="#">PHP tutorial</a>
  </body>  
</html> 

Ekran Çıktısı:

HTML Base Örnek

Eğitimler

HTML tutorial
PHP tutorial

Href özelliği bağlantıyı adresini belirtir.

 

Özel Kullanımlar:

Özellik Değer Açıklama
Target _blank Bağlantıyı yeni pencerede açar.
_self Bağlantıyı geçerli pencerede açar.
_top Bağlantıyı gövdede açar
_parent Bağlantıyı ana frame’de açar.

 

Tarayıcı Desteği:

Kimler Neler Demiş?

avatar
  Subscribe  
Bildir