Pour mettre en évidence une zone d'une image et/ou pour mettre un lien dans une zone définie.
C'est une alternative CSS + Xhtml, à la balise html :

<map name="Map" id="Map">
<area shape="rect" coords="x,x,x,x" href="#" alt="title" />
</map>

MAP 1

Snow white and the seven dwarfs
Snow White
Sleepy
Happy
Doc
Dopey
Grumpy
Bashful
Sneezy

BUG avec Opera

MAP 2

A Group of People
Nancy
Betty
Andy
Mike
Phil
Bob
Jill
Tom

BUG avec Opera

MAP 3
Colours of the Rainbow

COLOURS
OF THE
RAINBOW
Red
Orange
Yellow
Green
Blue
Indigo
Violet

source : CSS Playground - http://www.cssplay.co.uk/