HTML <img> usemap- kenmerk

❮ HTML <img>-tag

Voorbeeld

Een afbeeldingskaart, met aanklikbare gebieden:

<img src="workplace.jpg" alt="Workplace" usemap="#workmap" width="400" height="379">

<map name="workmap">
  <area shape="rect" coords="34,44,270,350" alt="Computer" href="computer.htm">
  <area shape="rect" coords="290,172,333,250" alt="Phone" href="phone.htm">
  <area shape="circle" coords="337,300,44" alt="Cup of coffee" href="coffee.htm">
</map>

Definitie en gebruik

Het usemapattribuut specificeert een afbeelding als een client-side image map (een image map is een afbeelding met aanklikbare gebieden).

Het usemapattribuut is gekoppeld aan het naamattribuut van een <map> element en creëert een relatie tussen de <img>en de <map>.

Opmerking: Het usemapattribuut kan niet worden gebruikt als het <img>element een afstammeling is van een <a>of <button>element.


Browserondersteuning

Attribute
usemap Yes Yes Yes Yes Yes

Syntaxis

<img usemap="#mapname">

Attribuutwaarden

Value Description
#mapname A hash character ("#") plus the name of the <map> element to use

❮ HTML <img>-tag