Hyperlink

HTML Link

Dt. Über-Verknüpfung

Erklärung

Ein Hyperlink ist ein Querverweis, der den Nutzer bei der Nutzung einer Website oder einer App auf eine andere Stelle (z.B. eine Seite oder ein Dokument) schickt. Die Begriffe Hyperlink und Link bezeichnen im Web-Kontext häufig dasselbe. Dabei ist Link die Kurzform des Hyperlinks. Wird ein Hyperlink angeklickt, wird der User automatisch auf die verlinkte/verknüpfte Stelle geführt. Oftmals sind Hyperlinks im Text mit eingebaut. Man erkennt sie daran, dass sie meist farbig hinterlegt und oftmals unterstrichen sind. Klickt man auf einen Link, landet man automatisch an einer anderen festgelegten Stelle. Die Art des Ziels kann sich dabei unterscheiden:

  • Eine andere Seite innerhalb der Website / Domain
  • Eine Destination auf einer anderen Website / Domain
  • Eine Datei (z.B .pdf oder Bilddatei-Formate)

Hyperlinks dienen auch der Navigation einer Website und verknüpfen einzelner Webpages, Texte oder Grafiken.
Eingebunden werden Hyperlinks meist mittels der standardisierten Auszeichnungssprache HTML.

Die HTML-Syntax lautet dabei folgendermaßen:

Um folgende Hyperlink-Darstellung zu erzeugen:

Glossar

müsste folgende HTML-Syntax verwendet werden:

<a href="https://internetzkidz.de/glossar/">Glossar</a>

Die Beschriftung Glossar ist dabei der so genannte Linktext, der für den Benutzer (User) auf der Seite als Weiterleitung auf die entsprechende Internetseite angezeigt wird. Ein Link enthält des Weiteren die Adresse des Ziels als URL. Statt des Linktextes kann ein Link auch andere HTML-Elemente wie Grafiken oder eingebettete Objekte ( Flash-Animationen) enthalten.

Wurde das Ziel eines Hyperlinks gelöscht oder verschoben ohne eine Korrektur des Links vorzunehmen, funktioniert dieser beim Klick durch den User nicht mehr ordnungsgemäß (z.B. wird nur eine 404-Seite angezeigt). Man redet in diesem Kontext häufig auch von einem „toter Link“.

Beispiele

Hyperlink in einem Blogbeitrag auf internetzkidz.de:

Hyperlink im content

Hyperlinks als HTML-Elemente in der Navigation von internetzkidz.de:

Hyperlinks als Website Navigation

Siehe auch

URL, Button, HTML, CSS, SEO, Link, App.