HTML <base> href Özelliği

HTML <base> Etiketi

Tanım ve Kullanım

href Özellik, sayfadaki tüm göreli URL'lerin temel URL'yi belirtir.

Açıklama

Base ögesi, HTML belgesindeki göreli bağlantıların bu temel URL üzerinde çözülmesini sağlamak için kullanılır.

Göreli bağlantılar URL'deki protokol, ana bilgisayar ve port bölümlerini içermez, bunun yerine başka bir URL'ye (base'te belirtilen URL veya mevcut belgenin URL'si) göre tam formu elde edilir.

href Özellik, belgenin bu son kısmındaki göreli URL'lerin kullanılacağı temel URL'yi belirtir.

Örnek

Örnek 1

Sayfadaki tüm göreli URL'ler için temel URL belirtin:

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.codew3c.com/i/photo/">
</head>
<body>
<h1>base href Özelliği</h1>
<img src="flower.png" width="60" height="60" alt="tulip">
</body>
</html>

Kendi kendine deneyin

Örnek açıklaması

Bu örnekte temel URL'yi https://www.codew3c.com/i/photo/ olarak ayarlıyoruz. www.codew3c.com ana bilgisayarın alan adıdır, /i/photo/ ise sunucudaki fotoğraf dosyalarını içeren dizindir.

Belge arka kısmında bir resim ifade eden img ögesi var, bu öge flower.png bu göreli URL'yi kullanır. Resmi yüklerken tarayıcı temel URL ve göreli URL'yi tam URL olarak birleştirir:

https://www.codew3c.com/i/photo/flower.png

Örnek 2

Sayfadaki tüm göreli URL'ler için temel URL belirtin:

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.codew3c.com/html/">
</head>
<body>
<h1>base href Özelliği</h1>
<a href="html_basic.asp">HTML Temel</a>
</body>
</html>

Kendi kendine deneyin

Örnek açıklaması

Bu örnekte temel URL'yi https://www.codew3c.com/html/ olarak ayarlıyoruz. www.codew3c.com ana bilgisayarın alan adıdır, /html/ ise sunucudaki fotoğraf dosyalarını içeren dizindir.

Belge arka kısmında bir bağlantı oluşturmak için kullanılan a ögesi var, bu öge html_basic.asp bu göreli URL'yi kullanır. Kullanıcı bu超链接i tıkladığında, tarayıcı temel URL ve göreli URL'yi tam URL olarak birleştirir:

https://www.codew3c.com/html/html_basic.asp

İpucu

Base ögesi kullanılmazsa veya bir temel URL ayarlanmazsa, tarayıcı mevcut belgenin URL'sini tüm relatif URL'lerin çözümleme temel olarak kabul eder.

Örneğin, tarayıcı https://www.codew3c.com/js/index.asp bu URL'den bir belge yüklerken, bu belgede html_basic.asp bu relatif URL'yi kullanan bir bağlantı varsa, bu bağlantıya tıkladığınızda tarayıcı ikinci belgeyi https://www.codew3c.com/js/html_basic.asp bu mutlak URL'den yüklemeye çalışır.

Gramer

<base href="URL">

Özellik Değeri

Değer Açıklama
URL Temel URL olarak kullanılan mutlak URL (örneğin “http://www.example.com/”)

Tarayıcı Desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek

HTML <base> Etiketi