HTML Aturan href base

Tanda <base> HTML

Definisi dan penggunaan

href Aturan menentukan URL dasar untuk semua URL relatif di halaman.

Keterangan

Elemen base dapat digunakan untuk menetapkan URL dasar, sehingga tautan relatif di dokumen HTML diurai di dasarnya.

Tautan relatif mengecualikan bagian protokol, tuan rumah, dan port URL, dan perlu mengambil bentuk penuhnya berdasarkan URL lain (baiknya URL yang ditentukan di base, atau URL dokumen saat ini).

href Aturan menentukan URL dasar yang digunakan untuk mengurai URL relatif di bagian dokumen setelah ini.

Contoh

Contoh 1

Tentukan URL dasar untuk semua URL relatif di halaman:

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

Coba sendiri

Pengertian contoh

Dalam contoh ini, URL dasar diatur menjadi https://www.codew3c.com/i/photo/. Di mana www.codew3c.com adalah nama domain tuan rumah, dan /i/photo/ adalah direktori di server yang mengandung file gambar.

Ada elemen img yang digunakan untuk mengutip gambar di bagian belakang dokumen, yang menggunakan URL relatif flower.png. Ketika peramban memuat gambar, akan menggabungkan URL dasar dan URL relatif untuk mendapatkan URL penuh:

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

Contoh 2

Tentukan URL dasar untuk semua URL relatif di halaman:

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.codew3c.com/html/"></base>
</head>
<body>
<h1>Aturan href base</h1>
<a href="html_basic.asp">HTML Dasar</a>
</body>
</html>

Coba sendiri

Pengertian contoh

Dalam contoh ini, URL dasar diatur menjadi https://www.codew3c.com/html/. Di mana www.codew3c.com adalah nama domain tuan rumah, dan /html/ adalah direktori di server yang mengandung file gambar.

Ada elemen a yang digunakan untuk mengenerate tautan di bagian belakang dokumen, yang menggunakan URL relatif html_basic.asp. Ketika pengguna mengklik tautan ini, peramban akan menggabungkan URL dasar dan URL relatif untuk mendapatkan URL penuh:

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

Pemberitahuan

Jika tidak menggunakan elemen base, atau tidak menetapkan URL referensi dengan atribut href, peramban akan menganggap URL saat ini sebagai referensi untuk seluruh URL relatif.

Contoh, asumsikan peramban memuat dokumen dari URL https://www.codew3c.com/js/index.asp, dokumen ini memiliki tautan yang menggunakan URL relatif html_basic.asp. Saat menekan tautan ini, peramban akan mencoba mengambil dokumen kedua dari URL absolut https://www.codew3c.com/js/html_basic.asp.

Syarat

<base href="URL">

Nilai atribut

Nilai Deskripsi
URL URL yang dijadikan referensi URL absolut (contoh: "http://www.example.com/")

Dukungan peramban

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan

Tanda <base> HTML