Aufbau eines Links (Hyperlink)

Ein Link (Hyperlink) verbindet sprichwörtlich das Internet. Jeder springt über einen Link zum nächsten durch den Virtuellen Webseiten Dschungel – aber wie funktioniert das ganze in HTML?

HTML Code:

  1. <a href=“http://www.domainname.domainendung/ordner/einzelseite.html“>Linktext</a>

Das Attribut href bestimmt das Ziel des Links. Ziele können neben Webseiten auch alle anderen Formen von Webdateien sein (z. B. Bilder (.jpg/.gif usw.), Sounds (.mp3) oder Downloads wie .zip Dateien). Der Link zu dieser Seite muss also wie folgt lauten:

https://www.vergleich-webhosting.de/aufbau-eines-links-hyperlink.html

Der Linktext sollte kurz das Ziel des Links beschreiben, vermeiden Sie einzelne Zeichen wie – >> – oder Wörter wie – weiter, go – oder andere nichtssagende Wörter über das Ziel. Eine Ausführliche Beschreibung des Links kann auch vor oder nach dem Link erfolgen.

weitere Linkattribute

  • target – das Ziel wo der Link geöffnet werden soll – target="_blank" für ein neues Fenster, target="_parent" für die Seite auf der sich der Link befindet (bei Frames wird der Link nur in dem Frame geöffnet wo sich der Link befindet), target="_top" für das aktuell geöffnete Fenster (bei Frames werden diese übergangen), target="_framename" wenn Sie Frames verwenden und Links in einzelnen (anderen) Frames öffnen möchten, müssen Sie den Framenamen als Linkziel eingeben (zu finden im Frameset).
    Beispiel für neues Fenster:

    1. <a href=“http://www.linkziel.de“ target=“_blank“>Urlaub</a>

    Info: Das Attribut target kann auch weggelassen werden, der Link öffnet sich dann immer da wo er sich befindet.

  • title – der Titel des Links wird im Browser beim überfahren mit dem Mauszeiger in einem kleinem Infofeld angezeigt. Als titel sollte eine knappe kurze Beschreibung erfolgen was auf der verlinkten Seite zu finden ist.

Interne Verlinkung (interne Navigation)

Intern auf dem Webserver können Sie auch wie folgt verlinken:

  1. <a href=“/“>Text</a>

für den obersten Order in der Struktur (da wo Ihre Index Datei liegt),

  1. <a href=“./“>Text</a>

navigiert die Index Datei im aktuellen Ordner an,

  1. <a href=“../“>Text</a>

findet die Index Datei im vorherigen Ordner (eine Ordnerebene zurück),

  1. <a href=“../../“>Text</a>

findet die Index Datei zwei Ordnerebenen zurückliegend usw.. Beispiel für eine einzelne Seite:

  1. <a href=“/blumen/rosen/rot.html“>rote Rosen</a>

findet bei einer Beispieldomain wie blumenfriend.de die Seite http://www.blumenfriend.de/blumen/rosen/rot.html (die Ordner müssen auf dem Server natürlich auch so vorhanden sein, also Ornder blumen im Hauptverzeichnis und Ordner rosen im Ordner blumen und außerdem noch die Datei rot.html im Ordner rosen. Wie oben schon angesprochen ist es wichtig das sie Ihren Internen Links einen Namen geben in dem Sie das Ziel das Links kurz als Linktext beschreiben. Versuchen Sie außerdem die Linktexte zu einer (einzelnen) immer gleichen Seite gleich zu halten.

allgemeines zu Links

Die Web User haben eine klare Vorstellung davon was ein Link ist und sein sollte. Vermeiden Sie es Ihre Links zu sehr zu verschnörkeln – Links sind Unterstrichen und bei der Mehrzahl der Webseiten blau bzw. sollten sich deutlich von der Rest der Webseite als ein solcher erkennbar machen. Vermeiden Sie Bilderlinks – greifen Sie auf Linktexte zurück (gut für Suchmaschinen). Wenn es doch Bilderlinks (z. B. Buttons) sein müssen, verwenden Sie das Attribut alt="" für den Linktext (hierbei ist es auch sehr wichtig das der alt-Linktext zu einer Seite immer gleich ist).