Startseite >Web >HTML-Referenz – Elemente und Attribute >base – Basis-URL

base – Basis-URL

<base href="https://www.example.com/" target="_blank">

Legt die URL fest, von der aus alle relativen URLs der Seite aufgelöst werden – Links, Bilder, Styles, Skripte und Formularziele. Das Attribut target bestimmt das Standardfenster für alle Links und Formulare.

  • Standarddarstellung: display: none
  • End-Tag: keines – ein leeres Element (void element) ohne Inhalt und ohne End-Tag
  • Inhalt: nichts
  • Wo es stehen darf: head, höchstens einmal pro Seite und vor allen Elementen mit einer URL
  • DOM-Schnittstelle: HTMLBaseElement

Attribute

  • href – die Basis-URL (absolut oder relativ zur URL der Seite).
  • target – das Standardziel von Links und Formularen: _self, _blank, _parent, _top oder der Name eines Frames.

Beispiele

Mit diesem base führt der Link contact/ zu https://www.example.com/bakery/contact/, egal wo die Seite liegt:

<head>
  <base href="https://www.example.com/bakery/">
  <title>Brot</title>
</head>
<body>
  <a href="contact/">Kontakt</a>
</body>

Worauf Sie achten sollten

  • Base ändert auch Links auf Anker: <a href="#top"> führt dann zu https://www.example.com/bakery/#top, also zu einer anderen Seite als der, auf der der Link steht. Anker müssen dann die volle URL der Seite enthalten.
  • Es gilt nur das erste base mit dem Attribut href, die anderen werden ignoriert.
  • URLs, die vor base stehen, werden noch ohne das Element aufgelöst – deshalb gehört es an den Anfang des Kopfes.
  • Wegen der Verwirrung um relative URLs wird base selten verwendet. Übersichtlicher ist es, URLs ab dem Wurzelverzeichnis der Website zu schreiben (/bakery/contact/).

Browserunterstützung

Baseline – weithin verfügbar: funktioniert in allen gängigen Browsern, und das schon lange (spätestens seit 2015). Ab Version: Chrome 1, Firefox 1, Safari 3. Stand: Oktober 2026 (MDN browser-compat-data).

Siehe auch:
head – Dokumentkopf
link – verknüpfte Ressourcen
a – Link