Support Key: [2|3|3.2|4] [X1|X1.1] [IE1|M2.1|N2|O2.1]
What is it?
Tag Example
Parent/Content Model
Tips & Tricks
Browser Peculiarities
= Index DOT Html by Brian Wilson =
Main Index | Element Tree | Element Index | HTML Support History

   Quick Statistics   
End Tag:
Standards Details:
In all HTML 4.x and XHTML DTDs
XHTML Modules:
Client Side Image Map
CSS 'display' Type:
NA/"inline" (Depending on content model)
CSS Mapping:
Default Rendering:
Official Docs:
HTML 4.x, XHTML 1.1

What is it?
The MAP element was first introduced in the Client Side Image Map proposal (an HTML Working Draft from Spry.) It was very quickly adopted in browsers and then in the HTML 3.2 recommendation. MAP is the containing element of a grouping of shape-link identification pairs (the AREA element) used to identify image map linking destinations with geometric regions on an image. This is accomplished via an HTML encoding system, rather than the older, more time consuming ISMAP method which requires an extra HTTP request and server-side processing map file.

The Client-side image map model can be made backward compatible with the old ISMAP model by specifying the USEMAP attribute in the IMG element where an ISMAP attribute is also present. The USEMAP attribute takes as its value the URL of a Client Side Map specification. The URL specified can either be in the current or an external file.

Common Attributes
[2|3|3.2|4] [X1|X1.1] [IE4|M|N6B1|O5]
[2|3|3.2|4] [X1|X1.1] [IE4|M|N6|O5]
[2|3|3.2|4] [X1|X1.1] [IE4|M|N6B1|O5]
[2|3|3.2|4] [X1|X1.1] [IE4|M|N6B1|O]

Specific Attributes
[2|3|3.2|4] [X1|X1.1] [IE1|M2.1|N2|O2.1]
Standards Details: In all HTML 4.x/XHTML 1.0 DTDs. Dropped from XHTML 1.1
Required? No
This attribute behaves the same as the A NAME attribute in defining a destination within a document. It specifies the map location within a file for reference by the IMG USEMAP attribute. They are referenced in the IMG USEMAP attribute as either "#mapname" [map is in the current file] or "file/name#mapname" [map location is in an external file] as appropriate.
Values: CDATA.
<map name="clientsidemap">
   <area shape="rect" coords="0,0,100,100" href="" />
   <area shape="circle" coords="95,105,5" href="" />
   <area shape="poly" coords="5,100,10,110,0,110" nohref />

<a href="cgi-bin/"> <img src="image.gif" ismap usemap="#clientsidemap" /> </a>
Parent Model
%In-line Parent% | %Block Parent%
Content Model
<area> | %In-line Content% | %Block Content%
Tips & Tricks Browser Peculiarities
Boring Copyright Stuff...