This tag is used for Client Side Image Maps. This is the tag that allows the specification of the shape of a hot spot on which a reader clicks to jump to a place in the page or to another page. Client Side Image Maps Test & Demonstration
accesskey=
 |
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
Let's suppose that you created a menu that were annotated by some of the letters of the alphabet and you wanted readers to be able to type a key and jump to that specific document. That's what "accesskey=" is supposed to do.
Type "c" to jump to the sitemap. The syntax looks like this:
<a accesskey="c" href="sitemap.htm">Type "c" to jumpt to the sitemap.</a>
|
alt=
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
 |
1.0 |
2.0 |
3.0 |
4.0 |
|
 |
1.0 |
2.1 |
3.0 |
|
|
 |
0.9 |
1.2 |
|
|
|
|
this attribute works the same as it does in <img>. If the reader has images turned off or it did not download properly, this provides text in lieu of the image.
|
class=
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
 |
1.0 |
2.0 |
3.0 |
4.0 |
|
|
1.0 |
2.0 |
3.0 |
4.0 |
|
|
0.9 |
1.2 |
|
|
|
|
|
coords=
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
1.0 |
2.0 |
3.0 |
4.0 |
|
|
1.0 |
2.1 |
3.0 |
|
|
|
0.9 |
1.2 |
|
|
|
|
this specifies the coordinates that define the shape of the "clickable area". This is used after the SHAPE attribute below. The "shape=" attribute dictates the shape of the clickable area and the "coords=" attribute specifies the exact clickable area. These coordiantes are all relative to the top left corner of the image.
Example: <AREA shape="RECTANGLE" Coords="50, 25, 150, 125" HREF="http://www.sample.com">
|
| dir= |
|
| "ltr" |
|
| "rtl" |
|
href=
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
1.0 |
2.0 |
3.0 |
4.0 |
|
|
1.0 |
2.1 |
3.0 |
|
|
|
0.9 |
1.2 |
|
|
|
|
This specifies the "URL" of the destination of the clickable area. It can also be "filename" or "#name".
|
id=
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
1.0 |
2.0 |
3.0 |
4.0 |
|
|
1.0 |
2.0 |
3.0 |
4.0 |
|
|
0.9 |
1.2 |
|
|
|
|
|
lang=
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
1.0 |
2.0 |
3.0 |
4.0 |
|
|
1.0 |
2.0 |
3.0 |
4.0 |
|
|
|
name=
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
0.9 |
1.2 |
|
|
|
|
"... specifies the map name to be used with the USEMAP attribute of the IMG tag. The value of the areaName must begin with an alphanumeric character." (Netscape).
|
nohref=
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
1.0 |
2.0 |
3.0 |
4.0 |
|
|
1.0 |
2.1 |
3.0 |
|
|
|
0.9 |
1.2 |
|
|
|
|
When a user clicks outside of a defined coordinate in the image map, this specifies that the user is to go "nowhere".
Example: <AREA shape="default" NOHREF>
|
notab=
|
0.9 |
1.2 |
|
|
|
|
"Prevents an HTML element from appearing in the tabbing order." WebTV 1.2 DTD.
WebTV in their 1.2 DTD specifies that this attribute originalted in MSIE 3.0's DTD. When that document was checked, no indication of the "notab" attribute was found.
|
onClick=
|
1.0 |
2.1 |
3.0 |
|
|
|
0.9 |
1.2 |
|
|
|
|
|
onMouseOver=
|
1.0 |
2.1 |
3.0 |
|
|
|
0.9 |
1.2 |
|
|
|
|
Please see the CSIM demonstration.
|
OnMouseOut=
|
1.0 |
2.1 |
3.0 |
|
|
|
0.9 |
1.2 |
|
|
|
|
Please see the CSIM demonstration.
|
shape=
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
1.0 |
2.0 |
3.0 |
4.0 |
|
|
1.0 |
2.1 |
3.0 |
|
|
|
0.9 |
1.2 |
|
|
|
|
This specifies the shape of the clickable area mentioned in "coords=" above. The allowed arguments are listed below.
Example: <AREA shape="CIRCLE" coords="x1, x2, r1">
|
| "RECT or RECTANGLE"
default
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
1.0 |
2.0 |
3.0 |
4.0 |
|
|
0.9 |
1.2 |
|
|
|
|
takes four coordinates "x1, y1, x2, y2"
|
| "CIRC or CIRLE"
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
1.0 |
2.0 |
3.0 |
4.0 |
|
|
0.9 |
1.2 |
|
|
|
|
takes three coordinates "x1, y1, r"
|
| "POLY or POLYGON"
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
1.0 |
2.0 |
3.0 |
4.0 |
|
|
0.9 |
1.2 |
|
|
|
|
takes multiple pairs of coordinates to indicate each vertex of the polygon.
|
| "default"
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
1.0 |
2.0 |
3.0 |
4.0 |
|
|
'shape="default'" allows one of two attributes be used, HREF="URL" or NOHREF.
|
style=
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
1.0 |
2.0 |
3.0 |
4.0 |
|
|
1.0 |
2.0 |
3.0 |
4.0 |
|
|
0.9 |
1.2 |
|
|
|
|
|
tabindex=
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
0.9 |
1.2 |
|
|
|
|
A looong time ago, before rats (read mouses) there was this thing called the "Tab Key". It was great, just a few taps with the left pinky and you were where you wanted to go. We have now "pregressed" back to the tab key.
The "tabindex=" attribute takes, as an argument, a number indicating the order of the "focus" of the browser. The objective is to allow the reader to tab around all of the important links on the page and select one with the "enter" key.
|
target="
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
1.0 |
2.0 |
3.0 |
4.0 |
|
|
1.0 |
2.0 |
3.0 |
4.0 |
|
|
1.0 |
2.1 |
3.0 |
|
|
|
0.9 |
1.2 |
|
|
|
|
This allows a clickable area to refer to a specific frame when using frames. The function is the same as used in <A>.
|
| "_blank"
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
makes the link to load into a new blank window. This window is not named. (Netscape)
|
| "_parent"
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
"This target makes the link load in the immediate FRAMESET parent of this document. This defaults to acting like "_self" if the document has no parent." (Netscape)
|
| "_self"
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
"This target causes the link to always load in the same window the anchor was clicked in. This is useful for overriding a globally assigned BASE target." (Netscape)
|
| "_top"
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
"This target makes the link load in the full body of the window. this defaults to acting like "_self" if the document is already at the top. It is useful for breaking out of an arbitrarily deep FRAME nesting." (Netscape)
|
title=
|
+ |
2.0 |
3.0 |
3.2 |
4.0 |
|
0.9 |
1.2 |
|
|
|
|
"This is informational only and describes the object specified with the HREF attribute. It can be used for object types that don't possess titles, such as graphics, plain text and Gopher menus." (Microsoft)
"Title is little used or supported and is a Level 1 attribute, but is expected to be the title of the HREF document. RFC 1866 suggests TITLE can be displayed as a margin note or on a small box while the mouse is over the anchor. (Sandia)
"Title=" has suddenly taken on a new role. The objective of HTML 4.0 is to make browsers more user friendly for the handicapped and title= is one of the potential tools. Follow the link for more detail.
|
