<a>*</a>

<a>*</a> — Verweis/(Hyper)link/Anker

Der so genannte Link (oder auch Hyperlink oder Weblink) ist einer der wichtigsten Elemente in HTML. Mit einem Link ist es möglich, eine Verbindung zwischen völlig verschiedenen Web-Resourcen herzustellen.

Beispiel:

Beim Klicken auf diesen Link, wird der Besucher zur angegebenen Website geleitet. Die besagte Adresse wird durch einen URI spezifiziert, welcher immer im href-Attribut steht.

Es ist außerdem möglich, mit sogenannten Ankern zu arbeiten. Mit Ankern ist es möglich, bestimmte Stellen im Dokument anzuspringen. Dazu werden immer mindestens zwei <a> Elemente benötigt. Eines um zur entsprechenden Stelle zu verlinken und eines um die Stelle zu markieren, wohin gesprungen werden soll. Dabei ist zu beachten, dass der Wert des href-Attributs im Link, der gleiche ist, wie der Wert im name-Attribut des anderen Elements (welches angesprungen wird). Außerdem muss der Link mit einem so genannten Fragmentzeichen (#) beginnen.

Beispiel:

Weitere Informationen:

URL (Uniform Resource Locator)

Zusammensetzung: protokoll://username:passwort@domain:port/pfad/query#anker Beispiel: http://max:musterman123@www.server.tld/meine_bilder/index.php?var=1#text1

Erläuterungen

Protokoll: z.B. http, ftp, https, mailto Das (Netzwerk)protokoll ist eine Vereinbarung nach der Daten zwischen Computern ausgetauscht werden können, die miteinander verbunden sind. Die Vereinbarung besteht aus Regeln und Formaten (Syntax), die das Kommunikationsverhalten der Computer bestimmen (Semantik). Domain: Die Domain ist die Internet-Adresse des Hosts (Servers). An ihrer Stelle könnte auch eine IP-Adresse stehen. Z.B. http://www.viosys.de oder http://213.179.68.164 Port: Die Angabe von einem Port erzwingt die Ansteuerung eines TCP/IP-Ports. Wenn kein Port angegeben wird, wird der Standard-Port des jeweiligen Protokolls verwendet. z.B. HTTP 80, bei HTTPS 443 und bei FTP 21 URI (Uniform Resource Identifier) Zusammensetzung: schema://username:passwort@server:port/pfad/index.php?var=1#text1 Beispiel: file://max:musterman123@server_oder_ip/c:/meine_bilder/index.php?var=1#text1 Beispiele für Schemata: data, file, ftp, http, mailto, news, pop

Suchmaschinenrelevanz

Es schadet nie das title-Attribut des a-Elements einzusetzen. Dort können Sie wichtige Schlüsselwörter einbringen, welche die Folgeseite beschreiben. Achten Sie aber wie beim <img> Element darauf, dass Sie nicht zu Viele nutzen. Dies könnte wiederrum von den Suchmaschinen als Spam gewertet werden. Es ist außerdem günstig, a-Elemente wo auch immer möglich, wirklich einzusetzen. Ein gutes Beispiel wäre dieser Text. Mitten in der Erläuterung der Relevanz des a - Elementes für die Suchmaschinenoptimierung, taucht plötzlich ein Link zur Seite des <img> - Elementes auf. Bitte achten Sie auch darauf, dass Sie Ihren Verweisen sinnvolle "Namen" geben.

Ungünstiges Beispiel:

Günstiges Beispiel:

Attribut	Wert	Beschreibung
name="[1]"	[1]: Bezeichnung	Bestimmt den Namen des Elemtents (z.B. bei <a> den Ankername).
onmouseup="[1]"	[1]: Scriptcode	Führt eine bestimmte Aktion aus, wenn der Anwender ein Element anklickt und „loslässt“.
shape="[1]"	[1]: rect \| circle \| poly \| default	Spezifiziert die Form einer Fläche. Mögliche Werte: default - Spezifiziert die gesamte Fläche; rect - spezifiziert eine rechteckige Fläche; circle - Spezifiziert eine kreisförmige Fläche; poly - Spezifiziert eine polygonale Fläche
accesskey="[1]"	[1]: Shortcut	Mit diesem Attribut kann man Zeichen auf der Tastatur bestimmen, mit welchen der Verweis direkt anspringbar wird.
class="[1]"	[1]: Kategoriename	Ordnet einem Element einen Kategorienamen zu. Jedes Element im entsprechenden Dokument kann den gleichen Kategorienamen besitzen. Mehrfache Kategorienamen müssen durch Leerzeichen getrennt werden.
coords="[1]"	[1]: siehe Beschreibung	Spezifiziert die Position und die Form. Mögliche Kombinationen: rect - link-x, top-y, right-x, bottom-y; circle - center-x, center-y, radius; poly - x1, y1, x2, y2,…, Tw-Gondelstation, yN. Das erste x und y beigeordnete Paar und das Letzte sollten die selben sein, zum des Polygons zu schließen. Wenn diese beigeordneten Werte nicht die selben sind, sollten Benutzervertreter ein zusätzliches beigeordnetes Paar schließen, um das Polygon zu schließen.
dir="[1]"	[1]: ltr \| rtl	Spezifiziert die Richtung des Textes. Mögliche Werte sind: LTR: Left-to-right text - RTL: Right-to-left text.
href="[1]"	[1]: URI	Bestimmt das Verweisziel.
hreflang="[1]"	[1]: Languagecode	Bestimmt die Sprache des Verweisziels.
id="[1]"	[1]: ID	Ordnet einem Element einen Namen zu. Dieser Name muss im entsprechenden Dokument einzigartig sein.
lang="[1]"	[1]: Wert	Gibt die Sprache der Attributwerte eines Elements und des Textinhalts an. Der Standard-Wert des Attributes ist vom Browser abhängig.
onblur="[1]"	[1]: Scriptcode	Führt eine bestimmte Aktion beim Verlassen bzw. Deaktivieren des jeweiligen Elements aus.
onclick="[1]"	[1]: Scriptcode	Führt eine bestimmte Aktion beim Anklicken des jeweiligen Elements aus.
ondblclick="[1]"	[1]: Scriptcode	Führt eine bestimmte Aktion beim Doppelklicken auf das jeweilige Element aus.
onfocus="[1]"	[1]: Scriptcode	Führt eine bestimmte Aktion beim Aktivieren des jeweiligen Elements aus.
onkeydown="[1]"	[1]: Scriptcode	Führt eine bestimmte Aktion beim drücken einer festgelegten Taste aus.
onkeypress="[1]"	[1]: Scriptcode	Führt eine bestimmte Aktion aus, wenn eine festgelegte Tast gedrückt und gehalten wird.
onkeyup="[1]"	[1]: Scriptcode	Führt eine bestimmte Aktion, beim Loslassen einer festgelegten Taste, aus.
onmousedown="[1]"	[1]: Scriptcode	Führt eine bestimmte Aktion aus, wenn der Anwender das Element anklickt und gedrückt hält.
onmousemove="[1]"	[1]: Scriptcode	Führt eine bestimmte Aktion aus, wenn die Maus bewegt wird.
onmouseout="[1]"	[1]: Scriptcode	Führt eine bestimmte Aktion aus, wenn die Maus das Element verlässt. Achtung: Kein Klick notwendig!
onmouseover="[1]"	[1]: Scriptcode	Führt eine bestimmte Aktion beim Überfahren des Elements mit der Maus aus.
rel="[1]"	[1]: Bezeichnung	Diese Attribut bestimmt weiterführende Informationen für das Verweisziel bzw. allgemein für das Element.
rev="[1]"	[1]: Bezeichnung	Bestimmt die Form der verweissensitiven Bereiche.
style="[1]"	[1]: Stylewerte	Spezifiziert die Style Informationen für das entsprechende Element.
tabindex="[1]"	[1]: Wert	Spezifiziert die Tabulatoren-Reihenfolge. Dieser Wert muß eine Zahl zwischen 0 und 32767 sein.
target="[1]"	[1]:	Bestimmt den Fensternamen oder das Browserverhalten bei Anklicken des Verweises. (z.B. öffnen in einem neuen Fenster).
title="[1]"	[1]: Titeldefinition	Mit diesem Attribut ist es möglich, in das Element zusätzliche Informationen einzugeben.
type="[1]"	[1]: MIME-Typ	Bestimmt den MIME-Type des Verweisziels. Mögliche MIME-Typen sind: a (type), form (accept und enctype), input (accept), link (type, object (codetype und type), param (type), script (type) und style (type).