HTML <base> href Eigenschaft

HTML-<base> Tag

Definition und Verwendung

href Die Eigenschaft legt die Basis-URL für alle relativen URLs auf der Seite fest.

Erklärung

Das base-Element kann verwendet werden, um eine Basis-URL zu setzen, auf der relative Links in HTML-Dokumenten interpretiert werden.

Relativ verknüpfte Links lassen das Protokoll, den Hostnamen und den Port der URL aus und müssen auf Basis anderer URLs (entweder die im base-specified URL oder die URL des aktuellen Dokuments) abgeleitet werden, um ihre vollständige Form zu erhalten.

href Die Eigenschaft spezifiziert die Basis-URL, die für die Analyse relativer URLs im weiteren Verlauf des Dokuments verwendet wird.

Beispiel

Beispiel 1

Legt die Basis-URL für alle relativen URLs auf der Seite fest:

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.codew3c.com/i/photo/">
</head>
<body>
<h1>base href Eigenschaft</h1>
<img src="flower.png" width="60" height="60" alt="tulpe">
</body>
</html>

Versuchen Sie es selbst

Beispiel Erklärung

In diesem Beispiel wird die Basis-URL auf https://www.codew3c.com/i/photo/ gesetzt. www.codew3c.com ist der Hostname des Domains, und /i/photo/ ist das Verzeichnis auf dem Server, das die Bilddateien enthält.

Im hinteren Teil des Dokuments befindet sich ein img-Element, das das relative URL flower.png verwendet. Wenn der Browser das Bild lädt, fügt er die Basis-URL und die relative URL zusammen, um die vollständige URL zu erzeugen:

https://www.codew3c.com/i/photo/flower.png

Beispiel 2

Legt die Basis-URL für alle relativen URLs auf der Seite fest:

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.codew3c.com/html/">
</head>
<body>
<h1>base href Eigenschaft</h1>
<a href="html_basic.asp">HTML Grundlagen</a>
</body>
</html>

Versuchen Sie es selbst

Beispiel Erklärung

In diesem Beispiel wird die Basis-URL auf https://www.codew3c.com/html/ gesetzt. www.codew3c.com ist der Hostname des Domains, und /html/ ist der Verzeichnis auf dem Server, das die Bilddateien enthält.

Im hinteren Teil des Dokuments befindet sich ein a-Element zum Erstellen von Links, das die relative URL html_basic.asp verwendet. Wenn der Benutzer auf diesen Hyperlink klickt, fügt der Browser die Basis-URL und die relative URL zusammen, um die vollständige URL zu erzeugen:

https://www.codew3c.com/html/html_basic.asp

Hinweis

Wenn kein base-Element verwendet wird oder keine Basis-URL über das href-Attribut gesetzt wird, dann wird der Browser die URL des aktuellen Dokuments als Basis für die Auflösung aller relativen URLs annehmen.

Angenommen, der Browser lädt eine Dokument von dieser URL https://www.codew3c.com/js/index.asp, in dem eine Hyperlink verwendet wird, der relative URL html_basic.asp, dann wird der Browser versuchen, den zweiten Dokument von dieser absoluten URL https://www.codew3c.com/js/html_basic.asp zu laden, wenn auf diesen Hyperlink geklickt wird.

Syntax

<base href="URL">

Attributswert

Wert Beschreibung
URL Der absolute URL als Basis-URL für den Basiseintrag (z.B. "http://www.example.com/").

Browser-Unterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung

HTML-<base> Tag