HTML <base> href eigenschap

HTML <base> Tag

Definitie en gebruik

href De eigenschap bepaalt de basis URL voor alle relatieve URL's op de pagina.

Verklaring

Het base-element kan worden gebruikt om een basis URL in te stellen, zodat relatieve links in HTML-documenten hierop worden geanalyseerd.

Relatieve links vermijden het protocol, de host en het poortdeel van de URL en moeten op basis van een andere URL worden verkregen (ofwel de URL die in base is gespecificeerd, ofwel de URL van het huidige document).

href De eigenschap specificeert de basis URL die moet worden gebruikt om relatieve URL's in het volgende deel van het document te analyseren.

Voorbeeld

Voorbeeld 1

Stel voor alle relatieve URL's op de pagina een basis URL in:

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

Probeer het zelf uit

Voorbeeld uitleg

In dit voorbeeld wordt de basis URL ingesteld op https://www.codew3c.com/i/photo/. Waarbij www.codew3c.com de domeinnaam van de host is, en /i/photo/ de directory op de server is die de afbeeldingsbestanden bevat.

Op het einde van het document bevindt zich een img-element dat een afbeelding verwijst, dat de relatieve URL flower.png gebruikt. Wanneer de browser de afbeelding laadt, vouwt hij de basis URL en de relatieve URL samen tot een volledige URL:

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

Voorbeeld 2

Stel voor alle relatieve URL's op de pagina een basis URL in:

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

Probeer het zelf uit

Voorbeeld uitleg

In dit voorbeeld wordt de basis URL ingesteld op https://www.codew3c.com/html/. Waarbij www.codew3c.com de domeinnaam van de host is, en /html/ de directory op de server is die de afbeeldingsbestanden bevat.

Op het einde van het document bevindt zich een a-element dat wordt gebruikt om links te genereren, dat de relatieve URL html_basic.asp gebruikt. Wanneer de gebruiker op deze hyperlink klikt, vouwt de browser de basis URL en de relatieve URL samen tot een volledige URL:

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

Tip

Als er geen base-element wordt gebruikt, of als er geen basis URL wordt ingesteld met de href-eigenschap, dan zal de browser de URL van het huidige document beschouwen als de basis voor de interpretatie van alle relatieve URL's.

Bijvoorbeeld, als de browser een document laadt van https://www.codew3c.com/js/index.asp deze URL, en het document bevat een hyperlink die html_basic.asp deze relatieve URL gebruikt, dan zal de browser proberen de tweede document te laden van de absolute URL https://www.codew3c.com/js/html_basic.asp wanneer de hyperlink wordt aangeklikt.

Syntax

<base href="URL">

Eigenschapswaarde

Waarde Beschrijving
URL De absolute URL die als basis URL fungeert (bijvoorbeeld “http://www.example.com/”)

Browserondersteuning

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Ondersteuning Ondersteuning Ondersteuning Ondersteuning Ondersteuning

HTML <base> Tag