Il Tag <map> HTML

Definizione e utilizzo

Il tag <map> viene utilizzato per definire una mappa immagine. Una mappa immagine è un’immagine con aree cliccabili.L’attributo obbligatorio name del tag <map> è associato all’attributo usemap dell’elemento <img> e crea una relazione tra l’immagine e la mappa.L’elemento <map> contiene una serie di elementi <area> che definiscono le aree cliccabili della mappa immagine.

<img
  src="scrivania.jpg"
  alt="Posto di lavoro"
  usemap="#workmap"
  width="400"
  height="379" />
<map name="workmap">
  <area
    shape="rect"
    coords="34,44,270,350"
    alt="Computer"
    href="computer.html" />
  <area
    shape="rect"
    coords="290,172,333,250"
    alt="Telefono"
    href="telefono.html" />
  <area
    shape="circle"
    coords="337,300,44"
    alt="Tazza di caffè"
    href="caffe.html" />
</map>