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ı:
Eğitimler
HTML tutorialPHP 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ı:
Eğitimler
HTML tutorialPHP 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ş?