<map> Description:
The <map></map> tag defines client-side image maps.
<map> Web Browser Support:
- Netscape 2, 3, 4, 6, 7
- Mozilla 1
- Firefox 1
- Internet Explorer 2, 3, 4, 5, 6
- Opera 3, 4, 5, 6, 7, 8
- Safari 1
- WebTV / MSNTV
- HTML 3.2, 4.0
- XHTML 1.0: XHTML Client-Side Image Map Module, XHTML Name Identification Module
<map> Attributes:
- class (optional)
- dir (optional)
- id (optional)
- lang (optional)
- name REQUIRED
- onclick (optional)
- ondblclick (optional)
- onkeydown (optional)
- onkeypress (optional)
- onkeyup (optional)
- onmousedown (optional)
- onmousemove (optional)
- onmouseout (optional)
- onmouseover (optional)
- onmouseup (optional)
- style (optional)
- title (optional)
<map> End Tag:
</map> REQUIRED<map> Contents:
All the clickable areas of the image map. The following tags are valid within the <map> tag:
area
<map> Valid Context:
The <map> tag is valid within the following tags:
a, abbr, acronym, address, applet, b, bdo, big, blockquote, body, button, caption, center, cite, code, dd, del, dfn, div, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, i, iframe, ins, kbd, label, legend, li, noframes, noscript, object, p, pre, q, s, samp, small, span, strike, strong, sub, sup, td, th, tt, u, var
<map> Usage:
- a simple map
<map name="basic_map">
<area shape="rect" href="http://html.about.com" coords="0,0,10,20">
<area shape="circle" href="http://webdesign.about.com/" coords="0,10,8">
<area shape="poly" href="http://webdesign.about.com/" coords="10,0,20,10,0,10">
</map>
<img src="image.gif" usemap="#basic_map">
<map> Special Notes:
- Older browsers don't always, support client-side image maps, so it's a good idea to use alternative navigation on your page as well.
- It's usually easier to create an image map with an editor than by hand - there are lots of image map editors available, some are even free.
