Stil mit {stil}

Okt 2008

HTML-Tag a • Link, auch »Anker-Tag« oder »Hyperlink« genannt

Das <a>-Tag – auch als Anker-Tag (eng. anchor) bezeichnet – wird für gewöhnlich zusammen mit dem href-Attribut benutzt, um einen Hyperlink, kurz auch als „Link“ bezeichnet, zu erzeugen. Durch einen einfachen Klick mit einer Maus oder durch einen Tastaturbefehl kann der Besucher von einer Seite auf eine andere Seite wechseln oder auch innerhalb der Seite zu einem Sprungziel navigieren. Per Vorgabe wird die neue Seite im selben Browserfenster oder Frame dargestellt, es sei denn, das Attribut target (dass in XHTM als unerwünscht gilt) bestimmt eine andere Variante.

Das href-Attribut gibt das Sprungziel an. Damit das Sprungziel außerhalb des eigenen Webverzeichnisses auf eine andere Seite führen kann, muss die Adresse die Form

http:// oder ftp://

aufweisen (eine URI – Universal Resource Identifier).

Innerhalb eines Webverzeichnisses können relative oder absolute Adressen (URL – Universal Resource Identifier) benutzt werden

• /index.html führt zur Datei index.html im obersten Webverzeichnis (absolut)
• ../index.html führt zu einer Datei index.html in einem übergeordneten Verzeichnis (relativ zur Lage der aufrufenden Datei)
• #wert führt zu einem Sprungziel innerhalb derselben Datei.

Das <a>-Tag erzeugt ein Inlineelement, d.h., es führt nicht zu einem Zeilenvorschub.

Beachten Sie bitte, dass Links nicht geschachtelt werden können: Ein a-Element kann keine weiteren a-Elemente enthalten.

Zwischen das öffnende und schließende Tag können beliebige Zeichen, Bilder und Zeilenvorschübe (<br> oder <img>) und Texte gesetzt werden. Es wird abgeraten, Cascading-Stylesheets-Code oder andere HTML-Tags zwischen das öffnende und schließende Tag einzusetzen. Stattdessen sollten solche Tags außerhalb des a-Elements notiert werden.

<a href="http://www.mediaevent.de/">home</a>

Attribute von a

accesskey

bestimmt eine Taste auf der Tastatur, die beim Drücken zusammen mit der Alt-, Strg- oder Befehlstaste einen Link aktiviert. Das Attribut wird nur spärlich unterstützt.

charset

gibt die Zeichencodierung an, die auf einer Zielseite benutzt wird. Die Zeichencodierung bestimmt, wie eine Bytesequenz in Zeichen für die Darstellung auf dem Monitor umgewandelt wird.

coords

wird von den meisten Browsern nicht unterstützt. coords legt den sensitiven Bereich um ein <a>-Tag fest.

href

legt die Ziel-URL für den Link fest.

hreflang

wird nur zusammen mit dem href benutzt. Es gibt die Sprache der Seite an, auf die der Link führt.

rel

wird von den meisten Browsern nicht zuverlässig unterstützt. rel ist eine durch Kommas voneinander getrennte Liste, die die Verbindung der Quellseite zur Zielseite eines Links beschreibt. Zu den empfohlenen Werten gehören appendix, bookmark, chapter, contents, copyright, glossery, help, index, next, prev, section, stylesheets und subsection.

rev

wird von den meisten Browsern nicht zuverlässig unterstützt. rev ist eine durch Kommas voneinander getrennte Liste, die die Verbindung der Zielseite zu einer Quellseite eines Links beschreibt. Der sinnvollste Wert ist relation.

shape

wird von den meisten Browsern nicht vollständig unterstützt. Es definiert einen sensitiven Bereich rund um das <a>-Tag. Mögliche Werte sind rect, circle, poly und default.

tabindex

ist eine ganze Zahl, die den Rang innerhalb der Tabulatoraufrufe bei der Navigation mit der Tastatur festlegt. Das Attribut wird nur spärlich unterstützt und wird auch nur selten gebraucht. Es sollte die voreingestellte Tabulatorfolgenur nur ändern, wenn diese unlogisch erscheint.

type

bestimmt den Inhaltstyp der Zielseite eines Links. Der Wert ist der Typ der MIME-Codierung.

Beispiel: Ein Link für die Navigation zu einer anderen Seite

hreflang und charset geben die Sprache und den Zeichensatz der Zielseite an.

<p><a href="http://www.hettange-grande.com/" 
      hreflang="fr" charset="ISO646-FR" accesskey="1"> 
        Dernière infos, le bulletin municipal en html, 8 juin éclipse de Vénus
</a></p>

Darstellung

Dernière infos, le bulletin municipal en html, 8 juin éclipse de Vénus

Durch die Angabe des Attributs accesskey="1" führt die Tastatur je nach Browser und Betriebssystem direkt zum Sprungziel.

Beispiel: Navigation zu einem Sprungziel innerhalb einer Seite (Anker)

Bei längeren Seiten kann es sinnvoll sein, dem Benutzer die Möglichkeit eines direkten Sprungs zu einem Bereich innerhalb der Seite anzubieten, damit er nicht scrollen und suchen muss.

Sprungziele oder Anker innerhalb einer HTML-Seite brauchen ein eindeutig identifizierbares Ziel, das durch ein id-Attribut erzeugt wird. Das id-Attribut kann innerhalb eines beliebigen Tags stehen – z.B. in einer Überschrift h3 oder einem div-Element. Der interne Link benutzt das href-Attribut mit dem Wert des id-Attributs.

<div id="start"> … </div>
	…
<a href="#start">Zum Seitenanfang</a>

Kernattribute und Ereignisse für das a-Tag

Seitenanfang