<map>

Clickable regions drawn over an image.

A survivor of the 1990s. <map> groups <area> elements, each with a shape — rectangle, circle or polygon —, coords, href and alt. The image links to the map through the usemap attribute.

The trouble is that the coordinates are pixels measured on the original image, which sits badly with fluid images. Today the same effect is usually done with SVG and real links.

<img src="/imagens/prancha.png" alt="Collection plate" usemap="#prancha">

<map name="prancha">
  <area shape="rect" coords="0,0,240,240" href="/static/herbario/gamer/en/especime/figure/" alt="figure">
  <area shape="rect" coords="240,0,480,240" href="/static/herbario/gamer/en/especime/picture/" alt="picture">
</map>

{esc(legenda)}