Il Tag <area> HTML

Definizione e utilizzo

Il tag <area> definisce un’area all’interno di una mappa immagine (una mappa immagine è un’immagine con aree cliccabili).

Gli elementi <area> sono sempre annidati all’interno di un tag <map>.

Nota: L’attributo usemap nell’elemento <img> è associato all’attributo name dell’elemento <map> e crea una relazione tra l’immagine e la mappa.

<img
  src="workplace.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.htm" />
  <area shape="rect" coords="290,172,333,250" alt="Telefono" href="phone.htm" />
  <area
    shape="circle"
    coords="337,300,44"
    alt="Tazza di caffè"
    href="coffee.htm" />
</map>