---

---

---

---

---

weiter zu > Verweise und Protokolle > HTML Einführung

Startseite > HTML 4 Referenz > HTML 4 Tags

HTML 4 Tag a

von Thomas Salvador, 01.03.2010

Beispiel

<a href="http://brauchbar.de" title="Startseite von brauchbar.de">brauchbar.de</a>

Anwendung

Mit dem <a>-Tag erzeugt man Links und benennt Fragmente, die dann als Ziele für Links, sowohl innerhalb der gleichen Seite, als auch von außerhalb, dienen können.

Links

Das Attribut href definiert die Zielposition. hreflang bzw. type weisen ggf. auf die dort verwendete Sprache bzw. auf den Typ des MIME-Dokumentes hin.

Mit rel und rev können formale Relationen zwischen den Dokumenten ausgedrückt werden. Dies wird wegen unzureichender Browserunterstützung nur seltenst genutzt.

Beachten Sie bitte, dass <a> auf eine große Anzahl von Script-Events reagiert, wobei jedoch nicht alles von jedem Browser unterstützt wird.

Linkziele erstellen

Es gibt generell zwei Möglichkeiten, Linkziele zu erstellen:

• Sie verwenden das name Attribut von <a>.
• Sie verwenden das Universalattribut id.

Zu beiden Möglichkeiten finden Sie weiter unten ein Beispiel. In jedem Fall müssen Sie darauf achten, dass alle id- und name-Werte im Dokument eindeutig sind, da sich die beiden Attribute einen sog. Namensraum teilen.

Wählt man den Namen einname, so ergibt sich ein URL @#einname@ bzw. datei.html#einname. Im URL wird dem Stellenname also ein Doppelkreuz vorangestellt.

Hinweise

• <a>-Tags sollen nicht verschaltelt werden. Wenn Sie ein Element sowohl zum Link als auch zum Linkziel machen wollen, können Sie dies mit einem Tag:

  <a href="datei.html" name="ziel">Kombo<a>
  <a href="datei.html" id="ziel">Kombo<a>

• Ich empfehle Ihnen den Tag unmittelbar vor dem Text/Objekt zu öffnen bzw. danach zu schließen. Ansonsten kommt es zu i.a. störenden "Unterstrichen" – einem als Verweis unterstrichenen Leerzeichen.

  Dies ist nur ein<a> kurzer </a>Text
  Dies ist nur ein <a>kurzer</a> Text

  Im ersten Fall würden die Leerzeichen vor und nach "kurzer" mit unterstrichen.
• Das Universalattribut id hat in HTML mehrere Verwendungen, z.B. im Zusammenhang mit Style Sheets und Skripten, ganz allgemein weist es jedoch einem Element einen Namen zu.

Attribute

Attribut	Beschreibung
accesskey	Zeichen für Shortkey
charset	Kodierung der angelinkten Ressource
class	Space-separierte Liste von CSS-Klassen
coords	Koordinatenliste a
dir	Ausrichtung von Text und Tabellen
href	URL der angelinkten Ressource
hreflang	durch gelinkte Ressource verwende Sprache
id	Universalattribut
ismap	Server Side Map image
lang	Sprache des Elementes
name	Linkziel
onblur	Auszuführender Javascript-Code bei Fokusverlust
onclick	Auszuführender Javascript-Code bei Klick
ondblclick	Auszuführender Javascript-Code bei Doppelklick
onfocus	Auszuführender Javascript-Code bei Fokuserhalt
onkeydown	Auszuführender Javascript-Code bei Drücken einer Taste
onkeypress	Auszuführender Javascript-Code bei gedrückt gehaltener Taste
onkeyup	Auszuführender Javascript-Code bei Loslassen einer Taste
onmousedown	Auszuführender Javascript-Code bei Drücken einer Maustaste
onmousemove	Auszuführender Javascript-Code, wenn die Maus bewegt wird
onmouseout	Auszuführender Javascript-Code, wenn die Maus das Element verlässt
onmouseover	Auszuführender Javascript-Code, wenn die Maus auf das Element bewegt wird
onmouseup	Auszuführender Javascript-Code bei Loslassen einer Maustaste
rel	Vorwärts-Verlinkung
rev	Rückwärts-Verlinkung
shape	Form bei a
style	Inline Style
tabindex	Festlegung der Tabulatorreihenfolge
target	Zielframe bei Links
title	Bezeichnender Titel
type	content-type für a, link

Weitere Beispiele und Lösungen

Keine.

---

Kaffee- kasse: 1 EUR 3 EUR 5 EUR

---