<html>
<link rel="stylesheet" href="josh.css">
<body bgcolor="#FFFFFF">

		<div id="Description">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">&lt;AREA&gt;</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">all</span> IE <span class="emphasis">all</span>  HTML <span class="emphasis">3.2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">&lt;AREA&gt;</p>
					</td><td valign="top" nowrap class="requirements">HTML End Tag: Forbidden&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>A <span class="literal">map</span> element defines a client-side image map that
is ultimately associated with an image or other object that occupies
space on the page. The only job of the <span class="literal">map</span> element
is to assign a name and a tag context for one or more
<span class="literal">area</span> element definitions. Each
<span class="literal">area</span> element defines how the page should respond
to user interaction with a specific geographical region of the image
or other object.
</p><p>A client-side image map area can act like an <span class="literal">a</span>
element link in that an area can link to a destination or
<span class="literal">javascript:</span> pseudo-URL and assign another frame or
window as the target for loading a new document. In fact, in the
original scripting document object model, an <span class="literal">area</span>
element is referenced as a link. It is not uncommon to use
client-side area maps in a navigation bar occupying a slender frame
of a frameset. This allows an artist to be creative with a menu
design, while giving the page author the power to turn any segment of
a larger image into a special-purpose link.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;MAP name="nav"&gt;
&lt;AREA coords="20,30,120,70" href="contents.html" target="display"&gt;
&lt;AREA coords="20,80,145,190" href="contact.html" target="display"&gt;
&lt;/MAP&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.links[i]
[window.]document.getElementById(<span class="replaceable">elementID</span>)</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Element-Specific Attributes</span></td>
				</tr>
				<tr>
      <td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
    </tr><tr>
					<td>
						<table border="1"><tbody><tr><td><span class="literal">alt</span></td><td><span class="literal">coords</span></td><td><span class="literal">href</span></td><td><span class="literal">nohref</span></td><td><span class="literal">shape</span></td>
								</tr>
								<tr><td><span class="literal">target</span></td><td></td><td></td><td></td><td></td>
								</tr>
							</tbody></table>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Element-Specific Event Handler Attributes</span></td>
				</tr>
				<tr>
					<td><p>None. </p>
					</td>
				</tr>
			</table>
		</div>
		<div id="accesskey">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">accesskey</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6 (see text)</span> IE <span class="emphasis">4/5</span> HTML <span class="emphasis">4 (see text)</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal">accesskey="<span class="replaceable">character</span>"</p>
							</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>A single character key that either gives focus to an element (in some
		browsers) or activates a form control or link action. The browser and
		operating system determine if the user must press a modifier key
		(e.g., <span class="emphasis">Ctrl</span>, <span class="emphasis">Alt</span>, or <span class="emphasis">Command</span>) with the access key to activate the
		link. In Windows versions of IE 4 and later and Netscape 6, the
		<span class="emphasis">Alt</span> key is required and the key is
		not case-sensitive. For Macintosh versions of IE 5 and later and
		Netscape 6, the <span class="emphasis">Ctrl</span> modifier key is
		required to effect the action.
		</p><p>Although <span class="literal">accesskey</span> is listed here as a widely
		shared attribute, that isn't strictly the case
		across all implementations. HTML 4 and Netscape 6 recognize this
		attribute only for the following elements: <span class="literal">a</span>,
		<span class="literal">area</span>, <span class="literal">button</span>,
		<span class="literal">input</span>, <span class="literal">label</span>,
		<span class="literal">legend</span>, and <span class="literal">textarea</span>. To this
		list, IE 4 adds <span class="literal">applet</span>, <span class="literal">body</span>,
		<span class="literal">div</span>, <span class="literal">embed</span>,
		<span class="literal">isindex</span>, <span class="literal">marquee</span>,
		<span class="literal">object</span>, <span class="literal">select</span>,
		<span class="literal">span</span>, <span class="literal">table</span>, and
		<span class="literal">td</span> (but removes <span class="literal">label</span> and
		<span class="literal">legend</span>). IE 5 adds every other renderable element,
		but with a caution: except for <span class="literal">input</span> and other
		form-related elements, you must also assign a
		<span class="literal">tabindex</span> attribute to the IE 5 and later element
		(even if simply a value of zero for all) to let the accelerator key
		combination bring focus to the element.
		</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>&lt;A href="http://www.megacorp.com/toc.html" accesskey="t"&gt;Table of Contents&lt;/A&gt;
		&lt;H2 class="subsection" accesskey="2" tabindex="0"&gt;Part Two&lt;/H2&gt;</pre>
								</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
						</tr>
						<tr>
							<td><p>Single character of the document set.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
						</tr>
						<tr>
							<td><p>None.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>[window.]document.links[i].accessKey
		[window.]document.anchors[i].accessKey
		[window.]document.<span class="replaceable">formName</span>.<span class="replaceable">elementName</span>.accessKey
		[window.]document.forms[i].elements[j].accessKey
		[window.]document.getElementById(<span class="replaceable">elementID).</span>accessKey</pre>
								</span></td>
						</tr>
					</table>
		</div>
		<div id="alt">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">alt</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">3</span>  HTML <span class="emphasis">3.2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">alt="<span class="replaceable">textMessage</span>"</p>
					</td><td valign="top" nowrap class="requirements">Required&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Nongraphical browsers can use the <span class="literal">alt</span> attribute
setting to display a brief description of the meaning of the
(invisible) image's hotspots. At one time, it was
thought that the <span class="literal">alt</span> message might be displayed in
the browser's status bar by default when the area
had focus or the cursor rolled over the area. That function is now
typically performed by <span class="literal">onmouseover</span> event handlers
and scripts. Keep in mind that recent handheld computers usually have
nongraphical browsers (or allow graphics to be turned off for
improved performance). Don't ignore the graphically
impaired.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;AREA coords="20,30,120,70" href="contents.html" target="display"
alt="Table of Contents"&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Any quoted string of characters.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p>None.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID</span>).alt </pre>
						</span></td>
				</tr>
			</table>
		</div><div id="coords">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">coords</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">all</span> IE <span class="emphasis">all</span>  HTML <span class="emphasis">3.2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">coords="<span class="replaceable">coord1, ... coordN</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Although the formal W3C definition for the <span class="literal">coords</span>
attribute of an <span class="literal">area</span> element states that the
attribute is optional, that doesn't mean that you
can omit this attribute and expect an <span class="literal">area</span> to
behave as it should. The <span class="literal">coords</span> attribute lets you
define the outline of the area to be associated with a particular
link or scripted action. Some third-party authoring tools can assist
in determining the coordinate points for a hot area. You can also
load the image into a graphics program that displays the cursor
position in real time and then transfer those values to the
<span class="literal">coords</span> attribute values.
</p><p>Coordinate values are entered as a comma-delimited list. If two areas
overlap, the area that is defined earlier in the HTML code takes
precedence.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;AREA coords="20,30,120,70" href="contents.html" target="display"&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Each coordinate is a length value, but the number of coordinates and
their order depend on the shape specified by the
<span class="literal">shape</span> attribute, which may optionally be
associated with the element. For <span class="literal">shape="rect"</span>,
there are four coordinates (left, top, right, bottom); for
<span class="literal">shape="circle"</span>, there are three coordinates
(center-x, center-y, radius); for <span class="literal">shape="poly"</span>,
there are two coordinate values for each point that defines the shape
of the polygon (<span class="literal">x1</span>, <span class="literal">y1</span>,
<span class="literal">x2</span>, <span class="literal">y2</span>, <span class="literal">x3</span>,
<span class="literal">y3</span>,...<span class="literal">xN</span>,
<span class="literal">yN</span>).
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p>None.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID</span>).coords </pre>
						</span></td>
				</tr>
			</table>
		</div><div id="href">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">href</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">all</span> IE <span class="emphasis">all</span>  HTML <span class="emphasis">3.2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">href="<span class="replaceable">URI</span>"</p>
					</td><td valign="top" nowrap class="requirements">Required&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>The URI of the destination of a link associated with the area. In a
browser, when the URI is an HTML document, the document is loaded
into the current (default) or other window target (as defined by the
<span class="literal">target</span> attribute). For some other file types, the
browser may load the destination content into a plugin or save the
destination file on the client machine. Because IE 3 and Navigator
(up to Version 4) treat <span class="literal">area</span> elements as
<span class="literal">a</span> elements, the <span class="literal">href</span> attribute
must be defined in the <span class="literal">area</span> element for scripts in
the old DOM to access various properties about the URL and for event
handlers (such as <span class="literal">onmouseover</span>) to work.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;AREA coords="20,30,120,70" href="contents.html" target="display"&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Any valid URI, including complete and relative URLs, anchors on the
same page (anchor names prefaced with the <span class="literal">#</span>
symbol), and the <span class="literal">javascript:</span> pseudo-URL in
scriptable browsers to trigger a script statement rather than
navigate to a destination.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p>None.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><p>Other link object properties allow for the extraction of components
of the URL, such as protocol and hostname. See the
<span class="literal">Link</span> object in Chapter 9.
</p><span class="programlisting"><pre>[window.]document.links[i].href
[window.]document.getElementById(<span class="replaceable">elementID</span>).href</pre>
						</span></td>
				</tr>
			</table>
		</div>
		<div id="lang">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">lang</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">3</span> IE <span class="emphasis">4</span> HTML <span class="emphasis">4</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal">lang="<span class="replaceable">languageCode</span>"</p>
							</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>The language being used for the element's attribute
		values and content. A browser can use this information to assist in
		proper rendering of content with respect to details such as treatment
		of ligatures (when supported by a particular font or required by a
		written language), quotation marks, and hyphenation. Other
		applications and search engines might use this information to aid the
		selection of spell-checking dictionaries and the creation of indices.
		</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>&lt;SPAN lang="de"&gt;Deutsche Bundesbahn&lt;/SPAN&gt;</pre>
								</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
						</tr>
						<tr>
							<td><p>Case-insensitive language code.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
						</tr>
						<tr>
							<td><p>Browser default.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID).</span>lang</pre>
								</span></td>
						</tr>
					</table>
		</div>
		<div id="nohref">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">nohref</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">all</span> IE <span class="emphasis">all</span>  HTML <span class="emphasis">3.2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">nohref</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Tells the browser that the area defined by the coordinates has no
link associated with it (as not including any <span class="literal">href</span>
attribute does). When you include this attribute, scriptable browsers
no longer treat the element as a link. When an
<span class="literal">area</span> element lacks an <span class="literal">href</span>
attribute, the element no longer responds to user events. In IE 4 and
later and Netscape 6, you can turn this attribute on and off from a
script by setting the corresponding <span class="literal">noHref</span>
property to <span class="literal">true</span> or <span class="literal">false</span>.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;AREA coords="20,30,120,70" nohref&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>The presence of this attribute sets its value to
<span class="literal">true</span>. Extend for XHTML compliance by using
<span class="literal">nohref="nohref"</span>.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p>Off.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID</span>).noHref </pre>
						</span></td>
				</tr>
			</table>
		</div><div id="shape">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">shape</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">all</span> IE <span class="emphasis">all</span>  HTML <span class="emphasis">3.2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">shape="<span class="replaceable">shapeName</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Defines the shape of the client-side area map whose coordinates are
specified with the <span class="literal">coords</span> attribute. The
<span class="literal">shape</span> attribute tells the browser how many
coordinates to expect.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;AREA shape="poly" coords="20,20,20,70,65,45" href="contents.html"
target="display"&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Case-insensitive shape constant. Each implementation defines its own
set of shape names and equivalents, but there are common denominators
across browsers (<span class="literal">circle</span>, <span class="literal">rect</span>,
<span class="literal">poly</span>, and <span class="literal">polygon</span>).
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">rect</span></p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID</span>).shape </pre>
						</span></td>
				</tr>
			</table>
		</div><div id="target">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">target</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">all</span> IE <span class="emphasis">all</span>  HTML <span class="emphasis">3.2</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">target="<span class="replaceable">windowOrFrameName</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>If the destination document is to be loaded into a window or frame
other than the current window or frame, you can specify where the
destination document should load by assigning a window or frame name
to the <span class="literal">target</span> attribute. Target frame names must
be assigned to frames and windows as identifiers. Assign names to
frames via the <span class="literal">name</span> and <span class="literal">id</span>
attributes of the <span class="literal">frame</span> element; assign names to
new windows via the second parameter of the <span class="literal">window.open(
)</span> scripting method. If you omit this attribute, the
destination document replaces the document containing the link. This
attribute is applicable only when a value is assigned to the
<span class="literal">href</span> attribute of the element.
</p><p>An <span class="literal">area</span> element can have only one destination
document and one target. If you want a link to change the content of
multiple frames, you can use an <span class="literal">area</span>
element's <span class="literal">onclick</span> event handler
(check Chapter 9 for supported browser
versions) or a <span class="literal">javascript:</span> pseudo-URL to fire a
script that loads multiple documents. Set the
<span class="literal">location.href</span> property of each frame to the
desired URL.
</p><p>Strict DTDs for HTML 4 and XHTML do not support the
<span class="literal">target</span> attribute of any element because frames and
windows are outside the scope of pure document markup. In fact,
framesetting documents will not validate in the strict
environmentthus the purpose of the separate frameset DTDs for
HTML 4 and XHTML. If your documents must validate with these strict
DTDs, and you wish to support targets, use scripts to set
<span class="literal">target</span> properties of links, image maps, and forms
after the page has loaded.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;AREA coords="20,30,120,70" href="contents.html" target="display"&gt;
&lt;AREA coords="140,30,180,70" href="index.html" target="_top"&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Case-sensitive identifier when the frame or window name has been
assigned via the target element's
<span class="literal">name</span> and <span class="literal">id</span> attributes. Four
reserved target names act as constants:
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">_self</span></p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.links[i].target
[window.]document.getElementById(<span class="replaceable">elementID</span>).target</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>