Deskripsi
Penjelasan HTML base

HTML base element digunakan untuk menentukkan document base URL (URL dasar sebuah dokumen), artinya kita membuat sebuah alamat URL sebagai sandaran untuk semua relative URL. Untuk lebih jelasnya, lihat penjelasan berikut contohnya pada halaman di bawah.

Dalam sebuah dokumen tidak boleh menuliskan lebih dari satu element base

Di dalam element base harus menyertakan attribute href, target ataupun keduanya.

Attributes
Atribut HTML Tag <base>

href

Menentukkan URL base (URL dasar) untuk semua relative URL di dalam halaman.

target

Menentukkan konteks jelajah dokumen yang di link, bagaimana cara membuka halaman yang dirujuk dari link tersebut?


Global Attributes
Atribut Secara Global (Keseluruhan)

<base> tag mencakup global attributes, yang artinya tag tersebut dapat disisipkan semua attributes yang termasuk dalam global attributes yang secara umum berlaku untuk semua HTML tags.

Event Attributes
Atribut event (Peristiwa)

<base> tag mencakup event attributes, yang artinya attribute tersebut dijalankan ketika ada interaksi dari user atau dalam suatu peristiwa (kejadian). Contoh: menjalankan script (JavaScript) ketika halaman web pada jendela browser hendak ditutup, dan lain sebagainya.

Example
Contoh HTML <base> element

<!DOCTYPE html>

<html>
  <head>
    <base href="http://dul.web.id/media/images/" target="_blank">
  </head>
  <body>
    <p>
    <img src="dulwebid.png" />
    </p>

    <p>
    <a href="http://dul.web.id">Kunjungi dul.web.id</a>.
    </p>
  </body>
</html>
Penjelasan:

Pertama, kita menulis markup <base href="alamat yang dijadikan URL dasar" target="target url" > didalam element <head> sebuah dokumen web (lihat baris 5). Kemudian, pada baris 11 kode diatas, kita cukup menulis nama file yang terletak pada base url tersebut (baris 5), sehingga baris 11 tersebut menjadi <img src="http://dul.web.id/images/dulwebid.png">. Selanjutnya, pada baris 15 link tersebut menggunakan target attribute pada base element (baris 5) sehingga menjadi <a href="http://dul.web.id" target="_blank">Kunjungi dul.web.id</a>.

Contoh Lengkap
Demo dengan Source Code Editor

Demo Editor
Demo HTML <base>
Code Editor