Link

Ein Link kurz für (Hyperlink) ist ein HTML-Objekt, mit dem Sie zu einer neuen Stelle springen können, wenn Sie darauf klicken oder tippen. Links befinden sich auf fast jeder Webseite und bieten eine einfache Möglichkeit, zwischen Seiten im Web zu navigieren.

Links können mit Text, Bildern oder anderen HTML-Elementen verknüpft werden. Die meisten Textlinks sind blau, da dies die Standardfarbe ist, die Webbrowser zur Darstellung von Links verwenden. Links können jedoch jede beliebige Farbe haben, da sich der Stil des Linktexts mit HTML oder CSS-Stilen anpassen lässt. In den Anfangstagen des Webs waren Links standardmäßig unterstrichen. Heute werden Links seltener unterstrichen.

Wenn ein Link auf ein Bild angewendet wird, kapselt der Link-Tag den Bild-Tag ein oder umschließt ihn. Da der Bild-Tag innerhalb des Link-Tags verschachtelt ist, wird das Bild selbst zu einem Link. Diese Methode kann verwendet werden, um Links auf andere Elemente wie <div>- und <span>-Objekte anzuwenden. Da sich ein Link jedoch mit CSS gestalten lässt, wird häufig ein <a>-Tag mit einem CSS-Klassen- oder ID-Attribut anstelle eines <div>- oder <span>-Tags verwendet.

Nachfolgend sehen Sie ein Beispiel für den HTML-Code eines Text- und eines Bildlinks:

Textlink: <a href="/definition/computer">Computer Definition</a>

Bildlink: <a href="https://techterms.com/definition/computer"><img src="/images/computer.jpg" alt="desktop PC"></a>

Relative und absolute Links

Der erste Link oben ist ein „relativer Link“, da er keinen Domainnamen enthält. Stattdessen ist der Link relativ zur aktuellen Website. Ein interner Link auf TechTerms.com benötigt beispielsweise „https://techterms.com/“ nicht im Quelltext. Ein relativer Link wie „/definition/computer“ reicht aus. Da der Link mit einem Schrägstrich beginnt, beginnt der Pfad mit dem Stammverzeichnis. Beginnt ein relativer Link nicht mit einem Schrägstrich, ist der Pfad relativ zur aktuellen URL.

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

NOTE: Das „a“ im <a>-Tag steht für „anchor“, da frühe Hypertext-Dokumente häufig auf Anker (oder Markierungen) innerhalb einer Seite statt auf andere Seiten verwiesen. Das „href“ in einem <a> steht für „hypertext reference.“