Mit HTML <base> wird die Basis-URL aller relativen URLs definiert. Dies geschieht über das Attribut href. Das zweite Attribut target legt fest, wo die je­wei­li­gen Ver­weis­zie­le geöffnet werden sollen. Das HTML-<base>-Tag wird immer innerhalb des Elements <head> hin­ter­legt.

Was ist das HTML-<base>-Tag?

Das HTML-Tag <base> legt die Basis-URL aller relativen URLs einer Website fest. Es enthält die beiden HTML-Attribute href und target. Über href wird die URL bestimmt, die als Bezug für alle relativen URLs, Grafiken, Style­sheets und Skripte in einem HTML-Dokument dienen soll. Diese Basis-URL kann auch selbst relativ sein. Das Attribut target bestimmt den Namen des Fensters, in dem sämtliche Ver­weis­zie­le geöffnet werden sollen. Zu­sätz­lich kann über HTML <base> auch fest­ge­legt werden, wie Links im aktuellen Dokument geöffnet werden sollen.

Das HTML-<base>-Tag wird immer innerhalb des <head>-Elements hin­ter­legt und sollte möglichst früh im Code ein­ge­setzt werden. Falls es mehrere <base>-Tags gibt, wird aus­schließ­lich das erste be­rück­sich­tigt, während alle weiteren ignoriert werden.

Die Syntax von HTML <base>

Die grund­sätz­li­che Syntax von HTML <base> sieht wie folgt aus:

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

Beispiele für die Funk­ti­ons­wei­se von <base>

Basis-URL hin­ter­le­gen

Im ersten Beispiel hin­ter­le­gen wir im Kopf­be­reich eines Dokuments mithilfe des HTML-<base>-Tags die Basis-URL https://www.beispielseite.com:

<!DOCTYPE html>
<html>
<head>
<title>HTML: base Tag Beispiel</title>
<base href="https://www.beispielseite.com" />
</head>
<body>
<p>
Hier steht der Inhalt Ihrer Website.
</p>
</body>
</html>
html

Stan­dard­ziel für alle URLs de­fi­nie­ren

Im nächsten Beispiel legen wir im Code über das Attribut target fest, welches Ziel alle URLs auf der Seite ansteuern sollen:

<!DOCTYPE html>
<html>
<head>
<title>HTML: base Tag Beispiel</title>
<base href="https://www.beispielseite.com" target="_self">
</head>
<body>
<p>
Hier steht der Inhalt Ihrer Website.
</p>
</body>
</html>
html

Mit mehreren relativen Links auf eine Basis-URL zugreifen

Im dritten Beispiel nutzen wir HTML <base>, um eine Basis-URL anzulegen, die von sämt­li­chen relativen Links als Start­sei­te verwendet wird. So sieht der Code dafür aus:

<!DOCTYPE html>
<html>
<head>
<title>HTML: base Tag Beispiel</title>
<base href="https://www.beispielseite.com/">
</head>
<body >
<h2>Verschiedene Unterseiten</h2>
<ul>
<li><a href="/erste_unterseite/index.htm">Erste Unterseite</a></li>
<li><a href="/zweite_unterseite/index.htm">Zweite Unterseite</a></li>
</ul>
</body>
</html>
html

Welche Attribute un­ter­stützt das HTML-<base>-Tag?

Das <base>-Tag un­ter­stützt lediglich die beiden Attribute href und target.

  • href: Über href wird die Basis-URL für alle relativen URLs auf der Seite bestimmt. Der Wert dieses Attributs wird immer in Form einer URL angegeben. Für unsere Beispiele von oben lautet dieser Wert https://www.beispielseite.com.
  • target: Das Attribut target gibt an, in welchem Ziel­fens­ter eine URL geöffnet werden soll. Es kann die Werte _blank, _parent, _self und _top haben. _blank öffnet die Links in einem neuen Fenster, _parent öffnet Links in einem über­ge­ord­ne­ten Frame, _self öffnet alle Links im selben Fenster und _top öffnet die Links im Brow­ser­fens­ter und nicht als Frame der ver­lin­ken­den Seite.
Zum Hauptmenü