HTML <base> wordt gebruikt om de basis-URL van alle relatieve URL’s te de­fi­ni­ë­ren. Dit gebeurt via het attribuut href. Het tweede attribuut target de­fi­ni­eert waar de res­pec­tie­ve re­fe­ren­tie­doe­len moeten worden geopend. De HTML <base> wordt altijd op­ge­sla­gen binnen het <head>.

Wat is de HTML <base> -tag?

De HTML-tag <base> stelt de basis-URL in voor alle relatieve URL’s op een website. Deze bevat de twee HTML-at­tri­bu­ten href en target.

Het href-attribuut spe­ci­fi­ceert de URL die als re­fe­ren­tie moet dienen voor alle relatieve URL’s, af­beel­din­gen, sty­les­heets en scripts in een HTML-document. Deze basis-URL kan zelf ook relatief zijn. Het target-attribuut de­fi­ni­eert de naam van het venster waarin alle ge­kop­pel­de doelen moeten worden geopend. Bovendien kan de HTML <base> spe­ci­fi­ce­ren hoe links in het huidige document moeten worden geopend.

De HTML <base> -tag wordt altijd op­ge­sla­gen binnen het <head> en moet zo vroeg mogelijk in de code worden gebruikt. Als er meerdere <base> zijn, wordt alleen de eerste in aan­mer­king genomen en worden alle andere genegeerd.

Wat is de syntaxis van HTML <base>?

De ba­sis­syn­taxis van HTML <base> is als volgt:

<base href="URL" target="TARGET">
html

Voor­beel­den van hoe <base> werkt

De basis-URL opslaan

In het eerste voorbeeld slaan we de basis-URL https://www.example-website.com op in het kop­tekst­ge­deel­te van een document met behulp van de HTML-tag <base>:

<html>
<head>
<title>HTML: base Tag example</title>
<base href="https://www.example-website.com" />
</head>
<body>
<p>
Here’s your website content.
</p>
</body>
</html>
html

Stan­daard­be­stem­ming voor alle URL’s instellen

In het volgende voorbeeld gebruiken we het kenmerk target om aan te geven waar URL’s moeten worden geopend wanneer erop wordt geklikt:

<html>
<head>
<title>HTML: base Tag example</title>
<base href="https://www.example-website.com" target="_self">
</head>
<body>
<p>
Here’s your website content.
</p>
</body>
</html>
html

Toegang tot een basis-URL met meerdere relatieve links

In het derde voorbeeld gebruiken we HTML <base> om een basis-URL te maken die door alle relatieve links als start­pa­gi­na wordt gebruikt. Zo ziet de code eruit:

<html>
<head>
<title>HTML: base Tag example</title>
<base href="https://www.example-website.com/">
</head>
<body >
<h2>Various subpages</h2>
<ul>
<li><a href="/first_subpage/index.htm">First Subpage</a></li>
<li><a href="/second_subpage/index.htm">Second Subpage</a></li>
</ul>
</body>
</html>
html

Welke at­tri­bu­ten on­der­steunt de HTML <base> -tag?

De tag <base> on­der­steunt alleen de at­tri­bu­ten href en target.

  • href: De basis-URL voor alle relatieve URL’s op de pagina wordt bepaald via href. De waarde van dit attribuut wordt altijd ge­spe­ci­fi­ceerd in de vorm van een URL. In de bo­ven­staan­de voor­beel­den is deze waarde https://www.example-website.com.
  • target: Het target geeft aan in welk venster een URL moet worden geopend. Het kan de waarden _blank, _parent, _self en _top hebben. _blank opent de link in een nieuw venster, _parent opent de link in een frame op een hoger niveau, _self opent de link in hetzelfde venster en _top opent de link in het brow­ser­ven­ster, waarbij de pagina waarnaar wordt gelinkt wordt vervangen in plaats van als frame binnen de pagina te worden weer­ge­ge­ven.
Ga naar hoofdmenu