HTML Tag area:
Bereich einer Image Map

von Thomas Salvador.

Beispiel

Wir definieren zwei Bereiche, ein Rechteck als Link und einen Kreis ohne Linkfunktion.

<area shape="rect" coords="50,50,100,100"
     href="//www.brauchbar.de"
     alt="zur brauchbar.de Homepage" />
<area shape="circle" coords=75,75,10"
    nohref alt="ich kein Link" />

Anwendung

Mit dem <area>-Element beschreibt man die einzelnen Bereiche einer client-seitseitigen Image-Map (siehe <map>). Bei allen areas beschreibt die Koordinatenliste coords eine durch shape spezifizierte Form.

Soll der Bereich einen aktiven Link darstellen, gibt href die Zielposition an. Ansonsten wird mit nohref verwendet.

Mit alt wird der Bereich Bereich beschrieben, womit i.a. eine Linkbeschreibung gemeint ist.

Attribute

Die Anweisung <area> nutzt die Attribute:

AttributBeschreibung
accesskeyZeichen für Shortkey
altAlternativbeschreibung area und img
classSpace-separierte Liste von CSS-Klassen
coordsKoordinatenliste area
dirAusrichtung von Text und Tabellen
hrefURL der angelinkten Ressource
idUniversalattribut
langSprache des Elementes
nohrefdiese Area hat keine Funktion
onblurAuszuführender Javascript-Code bei Fokusverlust
onclickAuszuführender Javascript-Code bei Klick
ondblclickAuszuführender Javascript-Code bei Doppelklick
onfocusAuszuführender Javascript-Code bei Fokuserhalt
onkeydownAuszuführender Javascript-Code bei Drücken einer Taste
onkeypressAuszuführender Javascript-Code bei gedrückt gehaltener Taste
onkeyupAuszuführender Javascript-Code bei Loslassen einer Taste
onmousedownAuszuführender Javascript-Code bei Drücken einer Maustaste
onmousemoveAuszuführender Javascript-Code, wenn die Maus bewegt wird
onmouseoutAuszuführender Javascript-Code, wenn die Maus das Element verlässt
onmouseoverAuszuführender Javascript-Code, wenn die Maus auf das Element bewegt wird
onmouseupAuszuführender Javascript-Code bei Loslassen einer Maustaste
shapeForm bei area
styleInline Style
tabindexFestlegung der Tabulatorreihenfolge
targetZielframe bei Links und Formularen
titleBezeichnender Titel

Browserunterstützung

<area> wird von den HTML Browsern Avant Palm OS, Avant Windows, Chrome, Firefox, Internet Explorer, Netscape, Opera, Safari und Web TV / MSN unterstützt.

Standards

Die HTML Anweisung <area> wird in den Standards HTML und XHTML definiert.

Inhalte

Die Anweisung <area> enthält keine Befehle.

Verwendung

<area> kann ausschließlich im Tag <map> enthalten sein.

Hinweise

Weitere Beispiele und Lösungen

Keine.