useMap

• Comments from section
• All comments
• Help

WebPlatform Docs welcomes all comments. If you want to comment, please register or log in. It is free.

This tool helps to make and review comments inline.

How to Use

insert instructions, with images, here

This page has been flagged with the following issues:

High-level issues:

• Needs Topics

• Missing Relevant Sections

• Data Not Semantic

• Unreviewed Import

Content:

• Incomplete

• Not Neutral

• Compatibility Incomplete

• Examples Best Practices

• Cleanup

Applies to	?

Examples

The following example defines the map. Clicking within the rectangular areas of the map loads a new page into a target window named frame1.

<MAP NAME="map1">
   <AREA NAME="area1" COORDS="4,20,20,40" href="left_arrow.htm" target="frame1"/>
   <AREA NAME="area2" COORDS="116,20,100,40" href="right_arrow.htm" target="frame1"/>
</MAP>

The following example shows USEMAP with an image.

<IMG USEMAP="#map1" BORDER="0" SRC="double_pointed_arrow.png">

The following example shows USEMAP with an object. This technique requires Internet Explorer 8 and later.

<OBJECT data="double_pointed_arrow.png" border="0" type="image/gif" usemap="#map1">
</OBJECT>

Notes

Remarks

The useMap property identifies the image as a client-side image map by associating a map object with the image. This map object contains area objects that define regions within the image. The user can click these regions to navigate to a designated URL. You can dynamically assign the maps to the image through the useMap property. In Microsoft Internet Explorer 6 and greater, this property applies to the object and input objects.

Standards information

• Document Object Model (DOM) Level 1 Specification, Section 2.5.5
• HTML 4.01 Specification, Section 13.6.1

See also

Related articles

html

• JavaScript animation

• appcache

• status

• audio-video

• canvas

• CSS Regions API

• CSSRegionStyleRule

• NamedFlow

• firstEmptyRegionIndex

• getContent

• getRegions

• getRegionsByContent

• name

• overset

• regionlayoutupdate

• Region

• getComputedRegionStyle

• getRegionFlowRanges

• regionOverset

• file

• File System API

• IndexedDB reference

• navigation timing

• quota management

• StorageQuota

• queryUsageAndQuota

• requestQuota

• resource timing

• requestAnimationFrame

• user timing

• Web Audio API

• value

• WebRTC API

• XMLHttpRequest (XHR) API

• XMLHttpRequest

• OAuth: an open standard for authentication

• WebRTC

• Responsive Web Design

• Touch Input Considerations

• css/MSCSSMatrix/apis/properties/a

• @charset

• @font-face

• @import

• @keyframes

• @media

• css/atrules/@namespace

• css/atrules/@page

• @region

• @supports

• @viewport

warning.png"html" is not in the list of possible values (Canvas, CSS Font, CSS Layout, Animation, Audio, Background, Border, Box Model, CSS Attributes, CSSOM, Combinators, Deprecated, Document Structure, Exclusions, FileSystemAPI, Filters, Flexbox, Fonts, Generated and Replaced Content, Gradients, Grid Layout, HTML, Multimedia, Media Queries, Mobile, Multi-Column, Off-line Storage, Paged Media, Performance, Pointer Events, Pseudo-Classes, Pseudo-Elements, Regions, Responsive Web Design, Ruby, Scrollbar, Selectors, Security, Syntax, Tables, Text, Touch, Transforms, Transitions, Video, Visual Effects, Web Components, WebRTC, XHR) for this property.

Related pages (MSDN)

• img
• object
• input

This article contains content originally from external sources.

Portions of this content come from the Microsoft Developer Network: [Windows Internet Explorer API reference Article]