E-Mail - HTML Tags - map / area

E-Mail » HTML Tags »

Define a map containing hot spots in a client-side or e-mail image map.

Usage:

<map name="#fooMap"> <area href="" nohref shape="" coords="" target="" alt="" title="">

OR

<area href="" nohref shape="" coords="" target="" alt="" title="" /> (XHTML) </map>

Tag Attribute Used To...

href Specify the URL of a hyperlink target associated with this area. If the image map is included in an e-mail, all URLs MUST be written as absolute addresses.

nohref Indicate that no document is associated with this area; clicking in this area has no effect. If this is used, then the alt and/or title attributes should be used to display a message when a user focuses their mouse over the target area.

Example:
<area nohref shape="rectangle" coords="12,12,100,100" alt="You found the secret spot!" title="You found the secret spot!">

shape Define the region's shape to be circ, circle, poly, polygon, rect, or rectangle.

coords Specify a comma-separated list of shape-dependent coordinates that define the edges of the area defined in the shape tag attribute.

circ or circle
coords="x,y,r" where x and y define the position of the center of the circle (0,0 is the upper-left corner of the image) and r is its radius in pixels.

poly or polygon
coords="x1,y1,x2,y2,x3,y3,..." where each pair of x,y coordinates defines a vertex of the polygon, with 0,0 being the upper-left corner of the image. At least three pairs of coordinates are required to define a triangle; higher-order polygons require a greater number of vertices. The polygon is automatically closed, so there is no need to restate the first pair of coordinates in order to close the region.

rectangle or rect
coords="x1,y1,x2,y2" where the first coordinate pair is one corner of the rectangle and the other pair is the coordinate diagonally opposite, with 0,0 being the upper-left corner of the image.

target Specify the frame or window to recieve the document linked by this area (usually _blank).

alt Provide alternative text to be displayed by non-graphical browsers and e-mail clients.

title Provide alternative text to be displayed by non-graphical browsers and e-mail clients when focused over. Usually this takes the form of a tool tip.

Tag Attribute	Used To...
href	Specify the URL of a hyperlink target associated with this area. If the image map is included in an e-mail, all URLs MUST be written as absolute addresses.
nohref	Indicate that no document is associated with this area; clicking in this area has no effect. If this is used, then the `alt` and/or `title` attributes should be used to display a message when a user focuses their mouse over the target area. Example: `<area nohref shape="rectangle" coords="12,12,100,100" alt="You found the secret spot!" title="You found the secret spot!">`
shape	Define the region's shape to be `circ`, `circle`, `poly`, `polygon`, `rect`, or `rectangle`.
coords	Specify a comma-separated list of shape-dependent coordinates that define the edges of the area defined in the `shape` tag attribute. `circ` or `circle` coords="x,y,r" where x and y define the position of the center of the circle (0,0 is the upper-left corner of the image) and r is its radius in pixels. `poly` or `polygon` coords="x1,y1,x2,y2,x3,y3,..." where each pair of x,y coordinates defines a vertex of the polygon, with 0,0 being the upper-left corner of the image. At least three pairs of coordinates are required to define a triangle; higher-order polygons require a greater number of vertices. The polygon is automatically closed, so there is no need to restate the first pair of coordinates in order to close the region. `rectangle` or `rect` coords="x1,y1,x2,y2" where the first coordinate pair is one corner of the rectangle and the other pair is the coordinate diagonally opposite, with 0,0 being the upper-left corner of the image.
target	Specify the frame or window to recieve the document linked by this area (usually `_blank`).
alt	Provide alternative text to be displayed by non-graphical browsers and e-mail clients.
title	Provide alternative text to be displayed by non-graphical browsers and e-mail clients when focused over. Usually this takes the form of a tool tip.

NOTES:
In e-mailing, hyperlinks work to jump to another document (href), someplace else within the same document (name), or to provide a tooltip for a block of text or a hyperlink.

E-Mail » HTML Tags »

This reference was created for Innovyx by Steve Cartoon Q3 2007. All rights reversed.