HTML base: So legen Sie eine Basis-URL für Ihre Website fest

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 jeweiligen Verweisziele geöffnet werden sollen. Das HTML-<base>-Tag wird immer innerhalb des Elements <head> hinterlegt.

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, Stylesheets 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 Verweisziele geöffnet werden sollen. Zusätzlich kann über HTML <base> auch festgelegt werden, wie Links im aktuellen Dokument geöffnet werden sollen.

Das HTML-<base>-Tag wird immer innerhalb des <head>-Elements hinterlegt und sollte möglichst früh im Code eingesetzt werden. Falls es mehrere <base>-Tags gibt, wird ausschließlich das erste berücksichtigt, während alle weiteren ignoriert werden.

Webhosting
Top-Hosting für Ihre Website
  • Flexibel: Hosting, das jedem Website-Traffic standhält
  • Verlässlich: Inklusive 24/7-Support und persönlicher Beratung
  • Sicher: Kostenloses SSL-Zertifikat, DDoS-Schutz und Backups

Die Syntax von HTML <base>

Die grundsätzliche Syntax von HTML <base> sieht wie folgt aus:

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

Beispiele für die Funktionsweise von <base>

Basis-URL hinterlegen

Im ersten Beispiel hinterlegen wir im Kopfbereich 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

Standardziel für alle URLs definieren

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ämtlichen relativen Links als Startseite 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
Domain kaufen
Registrieren Sie Ihre perfekte Domain
  • Inklusive Wildcard-SSL-Zertifikat
  • Inklusive Domain Lock
  • Inklusive 2 GB E-Mail-Postfach

Welche Attribute unterstützt das HTML-<base>-Tag?

Das <base>-Tag unterstü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 Zielfenster 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 übergeordneten Frame, _self öffnet alle Links im selben Fenster und _top öffnet die Links im Browserfenster und nicht als Frame der verlinkenden Seite.
Tipp

In unserem Digital Guide finden Sie noch viele weitere informative Artikel rund um die Hypertext Markup Language. Hier finden Sie unter anderem ein großes Einsteiger-Tutorial und einen Überblick über die besten HTML-Editoren.

War dieser Artikel hilfreich?