HTML <base> href-ominaisuus

HTML-<base>-tagi

Määritelmä ja käyttö

href Ominaisuus määrittää perus-URL:n kaikille suhteellisille URL:ille sivulla.

Selitys

Base-elementti voidaan käyttää perus-URL:n asettamiseen, jotta suhteelliset linkit HTML-dokumentissa analysoituvat tämän perusteella.

Suhteelliset linkit jättävät URL:n protokollan, isäntänimen ja portin osan pois, ja niitä täytyy määrittää muun URL:n (joko base-elementissä määritetyn URL:n tai nykyisen dokumentin URL:n) perusteella.

href Ominaisuus määrittää perus-URL:n, jota käytetään suhteellisten URL:ien analysointiin dokumentin tästä osasta.

Esimerkki

Esimerkki 1

Määritä perus-URL kaikille suhteellisille URL:ille sivulla:

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

Kokeile itse

Esimerkki selityksestä

Tässä esimerkissä perus-URL asetetaan https://www.codew3c.com/i/photo/. www.codew3c.com on isäntänimi ja /i/photo/ on palvelimella oleva hakemisto, joka sisältää kuvia.

Dokumentin lopussa on img-elementti, joka viittaa kuvaan ja käyttää suhteellista URL:ää flower.png. Kun selain lataa kuvan, se yhdistää perus-URL:n ja suhteellisen URL:n täydelliseksi URL:ksi:

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

Esimerkki 2

Määritä perus-URL kaikille suhteellisille URL:ille sivulla:

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

Kokeile itse

Esimerkki selityksestä

Tässä esimerkissä perus-URL asetetaan https://www.codew3c.com/html/. www.codew3c.com on isäntänimi ja /html/ on palvelimella oleva hakemisto, joka sisältää kuvia.

Dokumentin lopussa on a-elementti, jota käytetään linkkien luomiseen, ja se käyttää suhteellista URL:ää html_basic.asp. Kun käyttäjä napsauttaa tätä hyperlinkkiä, selain yhdistää perus-URL:n ja suhteellisen URL:n täydelliseksi URL:ksi:

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

Vinkki

Jos ei ole määritetty base-elementtiä tai ei ole asetettu perus-URL:ta href-attribuutin avulla, selain ottaa nykyisen dokumentin URL:n kaikkien suhteellisten URL:ien tulkinnan perus-URL:ksi.

Esimerkiksi, olettaen, että selain lataa dokumentin URL:sta https://www.codew3c.com/js/index.asp, ja dokumentissa on hyperlinkki, joka käyttää suhteellista URL:ta html_basic.asp, selain yrittää ladata toisen dokumentin osoitteesta https://www.codew3c.com/js/html_basic.asp.

Syntaksi

<base href="URL">

Atribuuttiarvo

Arvo Kuvaus
URL Ainutlaatuinen URL, joka toimii perus-URL:na (esim. "http://www.example.com/").

Selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki

HTML-<base>-tagi