Link-Text

Als Link-Text bezeichnet man Text, der in einem Hypertext-Dokument als Link fungiert. Der Text ist mit einem Verweis auf eine Zieladresse (Link) verbunden. Link-Text und Zieladresse werden bei einem Hyperlink separat angegeben.

Beispiel für HTML:

<a href="Zieladresse">Link-Text</a>

Im Dokument wird dann nur der beschreibende Link-Text angezeigt, die Zieladresse bleibt im Textfluß verborgen und ist nur beim Überfahren mit dem Mauszeiger in der Statuszeile sichtbar.

Der Link-Text wird meist farbig dargestellt, vorzugsweise so, daß er sich vom normalen Textbild deutlich abhebt. Wurde der Link besucht, hat der Text die Farbe gewechselt.

Inhaltsverzeichnis

Einstellung

Abhängig von der Voreinstellung des verwendeten Browsers oder Programms, das Hyperlinks unterstützt, ist der Link-Text unterschiedlich gefärbt, mitunter auch unterstrichen, im Schriftbild geändert (versal, fett, kursiv, überstrichen, blinkend usw.) Der Anwender kann normalerweise die Einstellung nach seinen eigenen Vorstellungen ändern. z.B. bei Mozilla Firefox über:

Einstellungen - Allgemein - Schriftarten & Farben

Viele Browser lassen sich auch so einstellen, dass Auszeichnungsangaben der anzuzeigenden Seiten in jedem Fall ignoriert werden. Das kann sinnvoll sein, wenn zu befürchten ist, dass der Anbieter der Webpräsenz unlautere Absichten hat, die er verbergen will.

HTML

Neben der standardmäßigen oder benutzerspezifischen Voreinstellung kann man die zugeordnete Farbgebung auch durch HTML-Code beeinflusssen.

Beispiel:

<body bgcolor="#XXXXXX" text="#XXXXXX" link="farbname" vlink="#XXXXXX" alink="#XXXXXX">
Erläuterungen:
  • Attribute:
    • bgcolor - Hintergrundfarbe
    • text - Schriftfarbe
    • link - Farbe für Links noch nicht besuchter Ziele
    • vlink - Farbe für Links zu bereits besuchter Ziele
    • alink - Farbe für aktivierte Verweise
  • Werte:
    • "#XXXXXX" - ist eine hexadezimal notierte RGB-Farbe (z.B. red, navy, green)
    • "farbname" - ist die Alternative mit einem erlaubten Farbnamen (z.B. red, navy, green)

CSS

Auch mit CSS lassen sich die Darstellungseigenschaften von Links noch flexibler beeinflussen:

Beispiel:

 <html>
    <head>
      <title>Bunte Links</title>
      <style type="text/css">
        <!--
          a:link { color:#EE0000; text-decoration:none; font-weight:bold; }
          a:visited { color:#EEAAAA; text-decoration:none; font-weight:bold; }
          a:hover { color:#EE0000; text-decoration:none; background-color:#FFFF99;
                    font-weight:bold; }
          a:active { color:#0000EE; background-color:#FFFF99; font-weight:bold; }
        //-->
      </style>
   </head>
 
Erläuterungen:
  • a: - einleitendes Element, gilt für Links (anchor)
  • Hinter dem Doppelpunkt (Kolon) steht das festgelegte Schlüsselwort:
    • link    - für Attribute der Links noch nicht besuchter Ziele
    • visited - für Attribute der Links noch nicht besuchter Ziele
    • hover   - für Attribute der Links beim Überfahren mit dem Mauszeiger
    • active  - für Attribute der aktivierten (angeklickten) Links während des Ladens
In geschwungenen Klammern „{ ... }“ stehen dahinter die Attribute.

Sebstverständlich können entsprechende Auszeichnungen auch über andere Programme (z.B. PHP, Java, Javascript) programmiert werden.

Wiki

In der Wiki-Syntax, die auch Wikipedia verwendet, ist die Zieladresse beim Editieren oft mit dem Link-Text identisch:

[[Zieladresse]] wird dann angezeigt als Zieladresse

Es ist aber auch möglich, mit der so genannten Pipe-Syntax explizit einen Link-Text anzugeben:

[[Zieladresse|Link-Text]] wird dann angezeigt als Link-Text, verseist aber tatsächlich auf Zieladresse

Die Angaben dienen nur der Bequemlichkeit und besseren Übersicht bei der Eingabe und werden für den Browser entsprechend umgesetzt.

Weblinks

See also: Link-Text, CSS, HTML, Hyperlink, Hypertext, Mozilla Firefox, Text, Wiki, Wikipedia