HTML <base> href property

Tanda <base> HTML

Definisi dan penggunaan

href Property menentukan URL asas untuk semua URL relatif di halaman.

Pengertian

Elemen base boleh digunakan untuk menetapkan URL asas, supaya pautan relatif di dokumen HTML dapat diurai di atasnya.

Pautan relatif mengabaikan bahagian protokol, tuan rumah dan port URL, dan perlu untuk mengambil bentuk penuhnya daripada URL lain (baik URL yang ditentukan di base, atau URL dokumen semasa).

href Property menentukan URL asas yang digunakan untuk mengurai URL relatif di bagian ini dari dokumen.

Contoh

Contoh 1

Tetapkan URL asas untuk semua URL relatif di halaman:

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

Coba sendiri

Pengertian contoh

Contoh ini mengatur URL asas menjadi https://www.codew3c.com/i/photo/. Di mana www.codew3c.com adalah nama domain tuan rumah, dan /i/photo/ adalah direktori di pelayar yang mengandung fail gambar.

Dalam bahagian belakang dokumen terdapat elemen img untuk mengutip gambar, yang menggunakan URL relatif flower.png. Apabila pelayar memuat gambar, pelayar akan menyambungkan URL asas dan URL relatif untuk menghasilkan URL penuh:

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

Contoh 2

Tetapkan URL asas untuk semua URL relatif di halaman:

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

Coba sendiri

Pengertian contoh

Contoh ini mengatur URL asas menjadi https://www.codew3c.com/html/. Di mana www.codew3c.com adalah nama domain tuan rumah, dan /html/ adalah direktori di pelayar yang mengandung fail gambar.

Dalam bahagian belakang dokumen terdapat elemen a untuk menghasilkan pautan, yang menggunakan URL relatif html_basic.asp. Apabila pengguna mengklik pautan ini, pelayar akan menyambungkan URL asas dan URL relatif untuk menghasilkan URL penuh:

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

提示

如果不用 base 元素，或不用其 href 属性设置一个基准 URL，那么浏览器会将当前文档的 URL 认定为所有相对 URL 的解析基准。

例如，假设浏览器从 https://www.codew3c.com/js/index.asp 这个 URL 载入一个文档，该文档中有一个超链接使用了 html_basic.asp 这个相对 URL，那么点击这个超链接时浏览器将尝试从 https://www.codew3c.com/js/html_basic.asp 这个绝对 URL 加载第二个文档。

语法

<base href="URL">

属性值

值 描述
URL 充当基准 URL 的绝对 URL（比如“http://www.example.com/”）。

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持

Tanda <base> HTML