Link

Ein Link (kurz für Hyperlink) ist ein HTML-Objekt, das es Ihnen ermöglicht, zu einer neuen Stelle zu springen, wenn Sie darauf klicken oder darauf tippen. Links finden sich auf fast jeder Webseite und bieten eine einfache Möglichkeit, zwischen den Seiten im Web zu navigieren.

Links können an Text, Bilder oder andere HTML-Elemente angehängt werden. Die meisten Textlinks sind blau, da dies die Standardfarbe ist, die Webbrowser zur Anzeige von Links verwenden. Links können jedoch jede beliebige Farbe haben, da der Stil des Linktextes durch HTML- oder CSS-Stile angepasst werden kann. In den frühen Tagen des Web wurden Links standardmäßig unterstrichen. Heute ist das Unterstreichen von Links weniger verbreitet.

Wenn ein Link auf ein Bild angewendet wird, kapselt das Link-Tag das Bild-Tag ein oder umgibt es. Da das Image-Tag innerhalb des Link-Tags verschachtelt ist, wird das Bild selbst zum Link. Diese Methode kann verwendet werden, um Links auf andere Elemente wie <div> und <span> Objekte anzuwenden. Da jedoch CSS zur Formatierung eines Links verwendet werden kann, wird anstelle eines <div>- oder <span>-Tags häufig ein <a>-Tag mit einem CSS-Klassen- oder ID-Attribut verwendet.

Unten sehen Sie ein Beispiel für das HTML für einen Text- und Bildverweis:

Text-Link: <a href="/lexikon/link">Computer-Definition</a>

Bild-Link: <a href="https://win-tools.de/lexikon/link"><img src="/images/noimage.jpg" alt="Lexikon"></a>

Relative und absolute Links

Der erste Link oben ist ein "relativer Link", da er den Domainnamen nicht enthält. Stattdessen ist der Link relativ zur aktuellen Webseite. Jeder interne Link auf win-tools.de benötigt beispielsweise nicht "https://win-tools.de/" in der Quelle. Vielmehr ist ein relativer Link wie "/lexikon/link" alles, was erforderlich ist. Da der Link mit einem Schrägstrich beginnt, beginnt der Pfad mit dem Stammverzeichnis. Wenn ein relativer Link nicht mit einem Schrägstrich beginnt, ist der Pfad relativ zur aktuellen URL.

Der zweite Link oben ist ein absoluter Link, da er den Domänennamen enthält. Absolute Links sind für externe Links erforderlich, die Sie zu einer anderen Webseite führen. Sie können mit "http" oder "https" beginnen. Absolute Links können auch mit zwei Schrägstrichen ("//") beginnen. Dies wird als "http://" für Seiten interpretiert, die über HTTP bedient werden, und als "https://" für Seiten, die über HTTPS bedient werden.

Hinweis: Das "a" im <a>-Tag steht für "anchor" (dt. Anker), da frühe Hypertext-Dokumente oft mit "anchors" (oder "markers") innerhalb einer Seite und nicht mit anderen Seiten verknüpft sind. Das "href" innerhalb eines <a> steht für "hypertext reference".

Stand: 02.09.2020