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

Der Befehl <area> unterstützt 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 mindestens von den HTML Browsern Avant Palm OS, Avant Windows, Chrome, Firefox, Internet Explorer, Netscape, Opera, Safari und Web TV / MSN unterstützt.

Standards

Der HTML Befehl <area> wird in den Standards HTML und XHTML definiert.

Inhalte

Der HTML Tag <area> enthält keine HTML-Befehle.

Verwendung

<area> kann in dem HTML-Tag <map> enthalten sein.

Hinweise

  • nohref wird i.a. mit shape=default verwendet.
  • Möchte man neben der Linkbeschreibung noch eine Bildbeschreibung bringen, so verwende man longdesc von <img>.
  • Man kann direkt mit <a> genau einen Bereich festlegen, der bei einer eingeschlossenen Grafik als Link (Hotspot genannt) dienen soll. Benötigt man nur einen "heißen" Bereich, umgeht man so die Notwendigkeit eine <map> zu definieren.

Weitere Beispiele und Lösungen

Keine.