Zum Inhalt springen

href-Attribut

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 18.10.2026

Das href-Attribut enthält das Ziel eines Links. Ob dort ein absoluter oder ein relativer Pfad steht, entscheidet mit darüber, wie robust eine Website gegen Umzüge ist.

href-Attribut

Attribut, das die Adresse angibt, auf die ein Verweis zeigt. Der Name steht für hypertext reference, auf Deutsch Hypertext-Verweis.
Beispiel: „Ohne href-Attribut ist ein a-Element kein Link.“

Woher der Name kommt

Die Abkürzung löst sich als hypertext reference auf, also als Verweis innerhalb des Hypertexts. Das Wort reference meint dabei die Angabe, wo etwas zu finden ist, so wie der Quellenverweis in einem Buch: Das Attribut enthält nicht das Ziel selbst, sondern seine Adresse.

Dieselbe Abkürzung taucht an anderen Elementen wieder auf. Beim link-Element im Kopfbereich verweist sie auf das Stylesheet, in einer eingebetteten SVG auf eine Stelle innerhalb der Grafik. Die Bedeutung bleibt überall dieselbe.

Absolut oder relativ

Ein absoluter Pfad beginnt mit dem Schrägstrich und zeigt von der Wurzel der Website aus, ein relativer vom aktuellen Dokument aus. Für Verweise innerhalb einer Website ist der absolute Pfad die haltbarere Wahl: Er bleibt richtig, wenn eine Seite im Verzeichnisbaum umzieht.

<a href="/leistungen/webdesign/">Webdesign</a>
<a href="https://www.beispiel.de/">externe Seite</a>
<a href="#preise">zu den Preisen</a>
<a href="mailto:hallo@beispiel.de">E-Mail schreiben</a>

Mehr als Webseiten

Das Attribut nimmt auch andere Adressarten auf: eine E-Mail-Adresse, eine Telefonnummer, ein Sprungziel auf derselben Seite. Das Sprungziel ist dabei schlicht der Bezeichner eines Elements, mit einem Doppelkreuz davor.

Zielfenster und Dateien

Mit target öffnet ein Link in einem neuen Tab. Sinnvoll ist das bei Dateien und bei Formularen, die man nicht verlieren will; bei gewöhnlichen Verweisen nimmt es dem Besucher die Entscheidung ab. Wer es setzt, ergänzt rel="noopener", damit die Zielseite keinen Zugriff auf das Ursprungsfenster bekommt.

Zeigt ein Link auf eine Datei statt auf eine Seite, gehört das in den Linktext: Dateiart und Größe sagen dem Besucher, was ihn erwartet. Das Attribut download schlägt dem Browser vor, die Datei zu speichern, statt sie anzuzeigen.

Was bei einem Umzug passiert

Ändert sich eine Adresse, laufen alle Verweise darauf ins Leere. Deshalb gehören zu jedem Relaunch Weiterleitungen und eine Prüfung der internen Links. Bei Verweisen, die in Inhalten stehen, ist das oft die größere Arbeit.

Siehe auch:

Anchor (a-Tag)

Das Element, das einen Verweis erzeugt.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Attribut (HTML)

Eine Angabe im öffnenden Tag, die eine Eigenschaft des Elements festlegt.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Hypertext

Texte, die durch Verweise miteinander verbunden sind.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

HTML

Die Sprache, in der der Aufbau einer Webseite beschrieben wird.

#Frontend-Entwicklung (HTML, CSS, JavaScript)