Anchor text

As link text, link text or anchor text is called text, which acts as a hyperlink in a hypertext document. The text is associated with a reference to a destination address (link). Link text and destination address can be specified separately in a hyperlink.

The link text is usually displayed in color, preferably so that it clearly stands out from normal text file. Already visited links are often displayed in another color.

Example of the relationship between the destination address and the link text in HTML - as source code:

link text < / a> In the document, only the descriptive link text appears, the destination address remains hidden in the text flow. With most web browsers it is displayed when hovering the mouse pointer in the status bar or in a tooltip.

Representation of the above example in the document:

Expressiveness and accessibility

For the information architecture of websites link texts are of particular importance. They provide a context that determines the reader's expectation about what a hyperlink points.

Therefore, a meaningful text as possible should be used for the link text. Links that are labeled " click me " or "here", enter the user no information as to which side was linked. Search engines put in their search engine ranking strong emphasis on information contained in the link text.

In addition, plays a meaningful link text for a usable by blind people Accessible Internet a role. Are there links to scroll through the Tab and read by a screen reader, the visitor can not see where the link leads. In addition, all links lead to the same link text on the same page.

Appearance

Support, depending on the setting of web browser used or program that hyperlinks, the link text is colored differently, sometimes underlined, or otherwise distinguished ( in capital letters, bold, italic, overlined, etc.). The user can usually change the setting on his own terms.

Many web browsers can also be set so that the award to the pages to be displayed will be ignored in any case. This can be useful if the visitor the self-selected preferences prefers may be poorly readable specifications of the web designer.

Programming

HTML

In addition to setting the assigned color can be influenced by HTML code. Here, you use the companies listed to the body element attributes for the link color for links not yet visited destinations vlink already visited for the color of links and targets for the alink color for activated references:

For " value " can have two different forms of notation are used:

  • "# XXXXXX " is a hexadecimal listed RGB color (eg # FF0000 for red, # 003 597 for greenish blue or in a shorter form: # 707 dark purple). example:
  • " color name" is the alternative to an allowable color names (eg red, navy, green); for details see: web color # Standardized color name. example:

This method however, is deprecated. Lately is used for designing HTML pages, and thus also for the links increasingly CSS.

Cascading Style Sheets

Using CSS allows the display properties of links affect more flexible, specific for a- elements here are the pseudo classes: link for links not yet visited and objectives: visited for links already visited destinations:

66222
de