HTML `<base>`-Tag

Das <base>-Tag ist seit HTML 2.0 Teil von HTML. Es definiert eine absolute (Basis-)URL für alle relativen URLs im HTML-Dokument, einschließlich Links, Bilder, Formulare und Skripte. Dieses Tag bestimmt auch, wie Links im aktuellen Dokument geöffnet werden sollen (in einem neuen Fenster, im aktuellen Fenster usw.).

Sie können die verwendete Basis-URL eines Dokuments über Skripte mit document.baseURI abrufen. Wenn das Dokument kein <base>-Element enthält, wird baseURL standardmäßig auf document.location.href gesetzt.

Syntax

Das <base>-Tag ist ein Void-Element, was bedeutet, dass das schließende Tag nicht erforderlich ist. In HTML5 ist der selbstschließende Schrägstrich optional, aber in XHTML muss das <base>-Tag geschlossen werden (<base />).

TIP

Auf der Seite kann nur ein <base>-Tag verwendet werden, und es muss im <head>-Element platziert werden. Es sollte so früh wie möglich eingefügt werden, da seine Wirkung von der Stelle an gilt, an der es angegeben ist.

DANGER

Wenn Sie mehrere <base>-Elemente verwenden, werden nur die ersten href- und target-Attribute beachtet. Der Rest wird ignoriert.

Beispiel für das HTML `<base>`-Tag:

Beispiel für das HTML <base>-Tag

html

<!DOCTYPE html>
<html>
  <head>
    <title>HTML base tag</title>
    <base href="https://www.w3docs.com/" target="_blank" />
  </head>
  <body>
    <a href="/css3-maker/border-radius">Try CSS Maker Tool</a>
  </body>
</html>

Try it Yourself »

Ergebnis

base example

In diesem Beispiel definiert das <base>-Tag die Basis-URL - "https://www.w3docs.com/", und der relative Link "/css3-maker/border-radius" verwendet diese URL als Ausgangspunkt.

Kopieren Sie den oben genannten Code in unseren Editor, und Sie sehen einen aktiven Link, der beim Klicken in einem neuen Fenster geöffnet wird. Obwohl der Link selbst das Attribut target="_blank" nicht enthält, wird er in einem neuen Fenster geöffnet, da wir das Attribut target="_blank" für das <base>-Tag festgelegt haben.

Attribute

Das <base>-Tag kann entweder das Attribut href oder target oder beide enthalten. Wenn keines angegeben ist, hat das Tag keine Wirkung.

Attribut	Wert	Definition
href	URL	Gibt die Basis-URL für alle relativen URLs auf der Seite an.
target	`_blank`	Öffnet den Link in einem neuen Fenster oder Tab.
	`_self`	Öffnet den Link im aktuellen Fenster.
	`_parent`	Öffnet den Link im übergeordneten Frame.
	`_top`	Öffnet das Dokument im vollständigen Fensterbereich.

Praxis

Welche Funktion hat das HTML <base>-Tag?

Es gibt die Basis-URL für alle relativen URLs auf einer Seite an.Es wird verwendet, um Multimedia in eine Webseite einzubetten.Es definiert eine Reihe von Navigationslinks.Es wird verwendet, um das Basis-Ziel für alle Hyperlinks und Formulare auf einer Seite anzugeben.Es fügt einem Webdokument einen Titel hinzu.

HTML <base>-Tag ​

Syntax ​

Beispiel für das HTML <base>-Tag: ​

Ergebnis ​