imported>Thomas Dresler: Kommasetzung

2026-01-06T17:00:37Z

Kommasetzung

Neue Seite

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

Der Linktext wird meist farbig und/oder unterstrichen dargestellt, vorzugsweise so, dass er sich vom normalen Textbild deutlich abhebt. Bereits besuchte Links werden teilweise in einer weiteren Farbe angezeigt.

== Beispiel ==
Ein Beispiel für das Verhältnis von Zieladresse und Linktext in [[Hypertext Markup Language|HTML]] – als [[Quelltext]] ist:

<syntaxhighlight lang="html">
<a href="http://example.com">Linktext</a>
</syntaxhighlight>

Im Dokument wird dann nur der beschreibende Linktext angezeigt, die Zieladresse bleibt im Textfluss verborgen:

[http://example.com/ Linktext]

Bei den meisten [[Webbrowser]]n wird sie beim Überfahren mit dem Mauszeiger in der [[Statusleiste]] oder als [[Tooltip]] angezeigt. Das in diesem Beispiel sichtbare Symbol hinter dem Link ist kein Standard. Es wird automatisch zur Markierung von Links, die zu Websites außerhalb von Wikipedia führen, von der [[MediaWiki|Wikipedia-Software]] per [[Cascading Style Sheets]] eingefügt.

== Aussagekraft und Zugänglichkeit ==
Für die Informationsarchitektur von Websites sind Linktexte von besonderer Bedeutung. Sie stellen einen Kontext dar, der die Erwartung des Lesers darüber bestimmt, worauf ein Hyperlink verweist. Daher sollte für den Linktext ein möglichst aussagekräftiger Text verwendet werden. Links, die mit „auf der Seite“, „klick mich“ oder „hier“ beschriftet sind, geben dem Nutzer keine Auskunft darüber, welche Seite verlinkt wurde.<ref>''Good link text should not be overly general; don't use „click here“.'' [https://www.w3.org/TR/WCAG10-HTML-TECHS/#link-text w3.org - Link text]</ref> [[Suchmaschine]]n legen bei ihrem [[Suchmaschinenranking]] großes Gewicht auf im Linktext enthaltene Informationen.

Darüber hinaus spielt ein aussagekräftiger Linktext auch für ein von [[Blindheit|blinden Menschen]] nutzbares [[Barrierefreies Internet]] eine Rolle. Werden dabei Links mit der [[Tabulatortaste]] durchgeblättert und vom [[Screenreader]] vorgelesen, kann der Besucher nicht erkennen, wohin der Link führt. Außerdem sollten alle Links mit demselben Linktext auch auf dieselbe Seite führen.

Bei einer [[Google-Bombe]] wird der Linktext manipulativ eingesetzt, um eine bestimmte, aufzufindende Webseite mit diffamierenden Schlagworten in Verbindung zu bringen.

== Aussehen ==
Abhängig von der Voreinstellung des verwendeten Webbrowsers oder Programms, das Hyperlinks unterstützt, ist der Linktext unterschiedlich gefärbt, mitunter auch unterstrichen oder anderweitig [[Schriftauszeichnung|ausgezeichnet]] ([[Versalien]], [[Schriftauszeichnung#Auszeichnungsarten|fett]], [[Kursivschrift|kursiv]], [[überstrich]]en usw.). Der Anwender kann normalerweise die Einstellung nach seinen eigenen Vorstellungen ändern.

Viele Webbrowser lassen sich auch so einstellen, dass die Auszeichnungsangaben der anzuzeigenden Seiten in jedem Fall ignoriert werden. Das kann sinnvoll sein, wenn der Besucher die selbstgewählten Präferenzen den unter Umständen schlecht lesbaren Vorgaben des [[Webdesigner]]s vorzieht.

== Programmierung ==
=== HTML ===
Neben der Voreinstellung kann die zugeordnete Farbgebung durch [[Hypertext Markup Language|HTML]]-Code beeinflusst werden. Hierfür dienen die im body-Element zu notierenden Attribute <code>link</code> für die Farbe für Links noch nicht besuchter Ziele, <code>vlink</code> für die Farbe für Links bereits besuchter Ziele und <code>alink</code> für die Farbe für aktivierte Verweise:

<syntaxhighlight lang="html">
<body link="Wert" vlink="Wert" alink="Wert" />
</syntaxhighlight>

Für „Wert“ können zwei verschiedene [[Notation]]sformen verwendet werden:

* <code>"#XXXXXX"</code> ist eine [[Hexadezimale Farbdefinition|hexadezimal notierte RGB-Farbe]] (zum Beispiel #FF0000 für Rot, #003597 für grünliches Blau oder auch in kürzerer Form: #707 für dunkel[[violett]]). Beispiel:
<syntaxhighlight lang="html" style="margin-left:3em">
<body link="#FF0000" vlink="#003597" alink="#707" />
</syntaxhighlight>
* <code>"farbname"</code> ist die Alternative mit einem erlaubten Farbnamen (zum Beispiel red, navy, green); zu Details siehe: [[Webfarbe#CSS 3]]. Beispiel:
<syntaxhighlight lang="html" style="margin-left:3em">
<body link="red" vlink="navy" alink="green" />
</syntaxhighlight>

Diese Methode ist allerdings veraltet. In letzter Zeit wird vermehrt [[Cascading Style Sheets|CSS]] für die Gestaltung von HTML-Seiten und damit auch für die der Links verwendet.

=== Cascading Style Sheets ===
Mit [[Cascading Style Sheets|CSS]] lassen sich die Darstellungseigenschaften von Links noch flexibler beeinflussen, spezifisch für a-Elemente sind hier die [[Klasse (Objektorientierung)|Pseudoklassen]] <code>:link</code> für Links noch nicht besuchter Ziele und <code>:visited</code> für Links bereits besuchter Ziele:

<syntaxhighlight lang="css">
a:link { color: #FF0000; }
</syntaxhighlight>
<syntaxhighlight lang="css">
a:visited { color: #00FF00; }
</syntaxhighlight>

=== Wikitext ===
In [[Wikitext]], die beispielsweise von [[Wikipedia]] verwendet wird, ist die Zieladresse oft bewusst mit dem Linktext identisch: <code><nowiki>[[Zieladresse]]</nowiki></code> wird dann angezeigt als <em style="color:blue;">Zieladresse</em>. Es ist aber auch möglich, mit der so genannten ''[[Senkrechter Strich|Pipe]]-Syntax'' explizit einen Linktext anzugeben: <code><nowiki>[[Zieladresse|Linktext]]</nowiki></code> wird dann angezeigt als <em style="color:blue;">Linktext</em>, verweist aber tatsächlich auf die Zieladresse. Die Angaben dienen nur der Bequemlichkeit und besseren Übersicht bei der Eingabe und werden für den Webbrowser in normale HTML-Links umgesetzt.

== Siehe auch ==
* [[Backlink]]

== Weblinks ==
* [https://www.w3.org/TR/WCAG10-HTML-TECHS/#link-text Anforderungen an guten Linktext] auf der Webpräsenz des W3C ([[World Wide Web Consortium]]) (englisch)
* [https://wiki.selfhtml.org/wiki/HTML/Textauszeichnung/a/Wie_sieht_ein_guter_Verweis_aus ''Wie sieht ein guter Verweis aus?''] im [[SELFHTML]]-Wiki

== Einzelnachweise ==
<references />

[[Kategorie:HTML]]

Linktext - Versionsgeschichte

imported>Thomas Dresler: Kommasetzung