<area />

<area /> — verweis-sensitive Grafiken

Die so genannten Verweis-sensitive Grafiken (welche mit dem <area>-Element gekennzeichnet sind) sind Grafiken, in denen man mit der Maus auf ein Detail klicken kann. Daraufhin wird ein Verweis (z.B. das Öffnen einer neuen Seite) ausgeführt. So ist es also z.B. möglich, eine Grafik (welche mit dem <img> Element eingebunden wurde), in mehrer "Abschnitte" zu unterteilen. Ohne das <area>-Element wäre es lediglich möglich, die komplette Grafik zu verlinken. So, ist möglich, einzelne Bereiche einer Grafik zu verlinken.

Außerdem kann man zwischen clienseitigen und serverseitigen Imagemaps unterscheiden. Bei der serverseitigen Methode übermittelt der Browser die Klickposition in Pixeln an den jeweiligen Server, indem diese Information als normaler GET-Parameter an die URL angehängt wird. Diese so genannten GET-Parameter könne dann (z.B. auf einer Folgeseite) mit PHP ausgelesen werden. Bei der clientseitigen Methode müssen nicht erst Klickpositionen o.ä. übermittelt werden. Im Quelltext sind für bestimmte Koordinaten bereits Verweise angelegt, d.h. der Browser entscheiden direkt, zu welcher Seite geleitet wird.

Syntax:

Beispiel:

Attribut	Wert	Beschreibung
accesskey="[1]"	[1]: Shortcut	Mit diesem Attribut kann man Zeichen auf der Tastatur bestimmen, mit welchen der Verweis direkt anspringbar wird.
alt="[1]"	[1]: Zusatzinformation	Mit diesem Attribut ist es möglich, in das Element zusätzliche Informationen einzugeben.
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.
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.
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.
onmouseup="[1]"	[1]: Scriptcode	Führt eine bestimmte Aktion aus, wenn der Anwender ein Element anklickt und „loslässt“.
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.
nohref		Wenn dieses Attribut gesetzt wird, spezifisiert es, dass keine Verweisziel gesetzt wurde.
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