HTML <img> usemapAttribut
Beispiel
Eine Image-Map mit anklickbaren Bereichen:
<img src="planets.gif.html"
width="145" height="126"
alt="Planets"
usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm.html" alt="Sonne">
<area shape="circle" coords="90,58,3" href="mercur.htm.html" alt="Merkur">
<area shape="circle" coords="124,58,8" href="venus.htm.html" alt="Venus">
</map>
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm.html" alt="Sonne">
<area shape="circle" coords="90,58,3" href="mercur.htm.html" alt="Merkur">
<area shape="circle" coords="124,58,8" href="venus.htm.html" alt="Venus">
</map>
Selbst ausprobieren »
Browser-Unterstützung
Alle gängigen Browser unterstützen das usemap-Attribut.
Definition und Verwendung
Das usemap-Attribut definiert das Bild als eine clientseitige Imagemap (eine Imagemap bezieht sich auf ein Bild mit klickbaren Bereichen).
Das usemap-Attribut ist mit dem<map>-Elementnamen oder id-Attribut verknüpft, um die Beziehung zwischen <img> und <map> herzustellen.
Hinweis:Das usemap-Attribut ist nur erlaubt, wenn das <img>-Element kein Nachkomme eines <a>- oder <button>-Elements ist.
Unterschiede zwischen HTML 4.01 und HTML5
Keine.
Syntax
<img usemap="#mapname">
Attributwerte
| Wert | Beschreibung |
|---|---|
| #mapname | Ein Rautezeichen ("#") plus der Name oder die ID des <map>-Elements, das verwendet werden soll. |
HTML <img> Tag Weitere Erweiterungen