Learning HTML 3.2 by Examples, section 5 Descriptions of HTML 3.2 tags:

MAP - clickable map (Not in HTML 2.0!)


To provide a mechanism for client-side image maps. A MAP element has a name through which it can be referred to in an IMG element. A MAP element contains AREA elements which specify hotzones on the associated image and bind these hotzones to URLs.

Typical rendering

The visual appearance of the document is not directly affected by a MAP element, but the element, together with associated structures, makes an image into a clickable map.

Basic syntax

<MAP NAME=name>
AREA elements

Possible attributes

attribute name possible values meaning notes
NAME string a name for the map, referable to in USEMAP attributes of IMG elements obligatory; case sensitive

Allowed context

Text container, i.e. any element that may contain text elements. This includes most HTML elements.


AREA elements.


A simple example for a graphical navigational toolbar:
<IMG SRC="navbar.gif" BORDER=0 USEMAP="#map1">

<MAP NAME="map1">
 <AREA HREF="guide.html" ALT="Access Guide" SHAPE=RECT COORDS="0,0,118,28">
 <AREA HREF="search.html" ALT="Search" SHAPE=RECT COORDS="184,0,276,28">
 <AREA HREF="shortcut.html" ALT="Go" SHAPE=RECT COORDS="118,0,184,28">
 <AREA HREF="top10.html" ALT="Top Ten" SHAPE=RECT COORDS="276,0,373,28">


See general description of server side and client side image maps in the description of the IMG element.

Date of last update: 2010-12-16.
This page belongs to the free information site IT and communication, section Web authoring and surfing, by Jukka "Yucca" Korpela.