von Thomas Salvador.
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" />
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.
Der Befehl <area> unterstützt die Attribute:
Attribut | Beschreibung |
---|---|
accesskey | Zeichen für Shortkey |
alt | Alternativbeschreibung area und img |
class | Space-separierte Liste von CSS-Klassen |
coords | Koordinatenliste area |
dir | Ausrichtung von Text und Tabellen |
href | URL der angelinkten Ressource |
id | Universalattribut |
lang | Sprache des Elementes |
nohref | diese Area hat keine Funktion |
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 |
shape | Form bei area |
style | Inline Style |
tabindex | Festlegung der Tabulatorreihenfolge |
target | Zielframe bei Links und Formularen |
title | Bezeichnender Titel |
<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.
Der HTML Befehl <area> wird in den Standards HTML und XHTML definiert.
Der HTML Tag <area> enthält keine HTML-Befehle.
<area> kann in dem HTML-Tag <map> enthalten sein.
Keine.