<AREA>

Specifies geometric regions of an image map. An image map indicates how the coordinates of an image map to specific resources (hyperlinks) An example of an image map would be a map of the United States where you may click on a state to view information specific to that state.

The area tag allows you to define various different shapes including rectangles, circles and polygons. These overlay the map object which may be an image.

Attributes

Attribute Description ID Identifies this tag to reference in script (program code) CLASS Define the class used to render this element (defined by a style sheet) TITLE A title that is associated with the element (displayed as a tooltip in Internet Explorer) SHAPE Defines the shape for the region (may be one of: default, rect, circle, poly) COORDS A set of coordinates (comma-seperated) which define the size and location of the region. For a polygon, the coordinates represent (X1, Y1, X2, Y2, X3, Y3 ... Xn, Yn) NOHREF When defined, indicates that no resource (hyperlink) should be associated with the region USEMAP Indicates that another image map is used to represent this region HREF Hyperlink (resource) to map the area to. When user clicks on this area, they will be taken to this location TARGET Indicate a named target where the browser should load the linked resource (based on HREF attribute)

Example

<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="circle';
          coords="184,200,60">
<AREA href="top10.html" 
          alt="Top Ten" 
          shape="poly" 
          coords="276,0,276,28,100,200,50,50,276,0">
</MAP>

Compatibility

HTML 4.01