Mithilfe von HTML <base> de­fi­nierst du die Basis-URL für sämtliche relativen URLs. Das klappt über das Attribut href. Mit dem zweiten Attribut target legst du fest, wo die je­wei­li­gen Ver­lin­kun­gen geöffnet werden. Das HTML-<base>-Tag plat­zierst du dabei immer innerhalb des Elements <head>.

Was ist das HTML-<base>-Tag?

Das HTML-Tag <base> bestimmt die Basis-URL für alle relativen URLs deiner Website. Es umfasst die beiden HTML-Attribute href und target. Via href legst du die URL fest, die als Be­zugs­punkt für alle relativen URLs, Bilder, Style­sheets und Skripte in deinem HTML-Dokument dient. Diese Basis-URL kann selbst ebenfalls relativ sein. Das Attribut target definiert den Namen des Fensters, in dem die Ver­weis­zie­le geöffnet werden. Zu­sätz­lich lässt sich über HTML <base> steuern, wie Links im aktuellen Dokument stan­dard­mä­ßig auf­ge­ru­fen werden.

Das HTML-<base>-Tag wird im <head>-Bereich hin­ter­legt und sollte möglichst weit oben im Code stehen. Falls du mehrere <base>-Tags nutzt, greift nur das erste, während alle weiteren ignoriert werden.

Die Syntax von HTML <base>

Die grund­le­gen­de Syntax von HTML <base> sieht so aus:

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

Beispiele für die Anwendung von <base>

Basis-URL hin­ter­le­gen

In diesem Beispiel hin­ter­le­gen wir im Header-Bereich eines Dokuments via HTML-<base>-Tag die Basis-URL https://www.beispielseite.com:

<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

Hier legen wir im Code mittels Attribut target fest, welches Ziel alle URLs der Seite stan­dard­mä­ßig ansteuern:

<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 zu de­fi­nie­ren, die von allen relativen Links als Aus­gangs­punkt verwendet wird. Hier ist der passende Code:

<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 arbeitet aus­schließ­lich mit den At­tri­bu­ten href und target.

  • href: Mit href legst du die Basis-URL für alle relativen Pfade der Seite fest. Dieser Wert wird stets als URL angegeben. In unseren obigen Bei­spie­len ent­spricht das dem Wert https://www.beispielseite.com.
  • target: Das Attribut target steuert, in welchem Fenster eine URL öffnet. Mögliche Werte sind _blank, _parent, _self und _top. Während _blank Links in einem neuen Tab oder Fenster öffnet, nutzt _parent einen über­ge­ord­ne­ten Frame. _self lädt alles im selben Fenster und _top bricht aus Frames aus, um den Link im gesamten Brow­ser­fens­ter an­zu­zei­gen.
Zum Hauptmenü