HTML: area

Used for image maps to define a clickable area on an image.

Browser/User Agent Support

IE	Netscape	Mozilla	Opera	Safari
2.0+	1.0+	1.0+	4.0+	1.0+

Example

This example defines an area map named "navigation" with links to a home page, product page, and support page:

 <map name="navigation" > 
	<area shape="rect" coords="10,10,100,100" href="index.htm"  />
	<area shape="rect" coords="10,100,100,190" href="products.htm"  />
	<area shape="rect" coords="10,200,100,280" href="support.htm"  />
</map>

Remarks

Remember to self-close your <area / > tags.

Attribute Detail

Attribute	IE	Netscape	Mozilla	Opera	Safari
accesskey [key]. Hot-key shortcut for the element.	5.5+	no	no	no	1.0+
accesskey [key]. Hot-key shortcut for the element.	�
alt [text]. Example values (Usually a name/description of the element): "banner.gif", "cat.jpg", etc. Specifies alternative text to display if the element cannot be displayed as expected.	2.0+	1.0+	1.0+	4.0+	1.0+
	�
class [class-name]. Example values: header-class, list-element, etc. CSS class assigned to the element.	2.0+	1.0+	1.0+	4.0+	1.0+
	�
coords [left-top-x-coord, left-top-y-coord, right-bottom-x-coord, right-bottom-y-coord]. Example values: 10, 10, 100, 100 Comma-delimited x, y coordinates for the element.	4.0+	1.1+	1.0+	7.0+	1.0+
	�
dir Direction of the element text.	2.0+	1.0+	1.0+	4.0+	1.0+
dir Direction of the element text.	�
hidefocus Specifies whether the element shows a visual cue when it has focus.	5.5+	no	no	no	no
	�
href [url] Path or URL for the linked document or object.	2.0+	1.0+	1.0+	4.0+	1.0+
href [url] Path or URL for the linked document or object.	�
id [element-id] Unique identifier for the element.	2.0+	1.0+	1.0+	4.0+	1.0+
id [element-id] Unique identifier for the element.	�
lang [language-code]. Example values: "en" (English), "fr" (French), "es" (Spanish), etc. Language code for the content of the element.	2.0+	1.0+	1.0+	4.0+	1.0+
	�
nohref If present, specifies that the element has no href.	4.0+		1.0+	4.0+	1.0+
nohref If present, specifies that the element has no href.	�
shape For an anchor that defines a hyperlink, shape of the selectable hypertext region.	2.0+	1.0+	1.0+	4.0+	1.0+
	�
style [style-name] Inline style for the element.	2.0+	1.0+	1.0+	4.0+	1.0+
style [style-name] Inline style for the element.	�
tabindex [number] Position of the element in the tabbing order for the document.	2.0+	1.0+	1.0+	4.0+	1.0+
	�
target Example values: "mycat.php" (url), "_blank", "_self", etc. Target window to use for opening the linked document.	2.0+	1.0+	1.0+	4.0+	1.0+
	�
title [text-description] Short text description for the element.	2.0+	1.0+	1.0+	4.0+	1.0+
	�
unselectable Specifies whether or not the element is unselectable.	5.5+	no	no	no	no
	�

Event Detail

Event	IE	Netscape	Mozilla	Opera	Safari
onactivate Fires when the element becomes active.	4.0+	no	no	no	no
onactivate Fires when the element becomes active.	�
onbeforeactivate Fires immediately before the element becomes active.	4.0+	no	no	no	no
	�
onbeforecopy Fires immediately before the selection is copied to the clipboard.	4.0+	no	no	no	1.0+
	�
onbeforecut Fires immediately before the selection is cut to the clipboard.	4.0+	no	no	no	1.0+
	�
onbeforedeactivate Fires immediately before the element stops being the active element.	4.0+	no	no	no	no
	�
onbeforeeditfocus Fires immediately before the element receives focus prior to being edited.	4.0+	no	no	no	no
	�
onbeforepaste Fires immediately before the selection is pasted from the clipboard to the element.	4.0+	no	no	no	1.0+
	�
onblur Fires when the element loses focus.	2.0+	1.0+	1.0+	4.0+	1.0+
onblur Fires when the element loses focus.	�
onclick Fires when the element is clicked.	2.0+	1.0+	1.0+	4.0+	1.0+
onclick Fires when the element is clicked.	�
oncontextmenu Fires when the element is right-clicked and the context menu opens.	4.0+	no	no	no	1.0+
	�
oncontrolselect Fires immediately before the element is selected.	4.0+	no	no	no	no
	�
oncopy Fires when the element is copied to the clipboard.	4.0+	no	no	no	1.0+
oncopy Fires when the element is copied to the clipboard.	�
oncut Fires when the element is cut to the clipboard.	4.0+	no	no	no	1.0+
oncut Fires when the element is cut to the clipboard.	�
ondblclick Fires when the element is double-clicked.	2.0+	1.0+	1.0+	4.0+	1.0+
ondblclick Fires when the element is double-clicked.	�
ondeactivate Fires when the active element becomes inactive.	4.0+	no	no	no	no
	�
ondrag Fires when the element is dragged.	4.0+	no	no	no	1.0+
ondrag Fires when the element is dragged.	�
ondragend Fires when the element is released from being dragged.	4.0+	no	no	no	1.0+
	�
ondragenter Fires when the element has another object dragged onto it that can be dropped on the element.	4.0+	no	no	no	1.0+
	�
ondragleave Fires when an element has an object dragged out of it that could be dropped onto the element.	4.0+	no	no	no	1.0+
	�
ondragover Fires when an element has an object dragged over it that could be dropped onto the element.	4.0+	no	no	no	1.0+
	�
ondragstart Fires immediately before an element is dragged.	4.0+	no	no	no	1.0+
	�
ondrop Fires when an object is dropped onto the element.	4.0+	no	no	no	1.0+
ondrop Fires when an object is dropped onto the element.	�
onfocus Fires when the element receives focus.	2.0+	1.0+	1.0+	4.0+	1.0+
onfocus Fires when the element receives focus.	�
onfocusin Fires immediately before an element receives focus.	4.0+	no	no	no	no
	�
onfocusout Fires immediately after focus moves from the element to another element.	4.0+	no	no	no	no
	�
onhelp Fires when a user presses the F1 key to activate help.	4.0+	no	no	no	no
	�
onkeydown Fires when a user presses down on a key while the element has focus.	2.0+	1.0+	1.0+	4.0+	1.0+
	�
onkeypress Fires when a user presses a key or holds down the key while the element has focus.	2.0+	1.0+	1.0+	4.0+	1.0+
	�
onkeyup Fires when a user releases a key while the element has focus.	2.0+	1.0+	1.0+	4.0+	1.0+
	�
onlosecapture Fires when the element loses mouse capture.	4.0+	no	no	no	no
onlosecapture Fires when the element loses mouse capture.	�
onmousedown Fires when a user clicks down on the mouse button while the element has focus.	2.0+	1.0+	1.0+	4.0+	1.0+
	�
onmouseenter Fires when the mouse pointer enters the element.	4.0+	no	no	no	no
	�
onmouseleave Fires when the mouse pointer leaves the element.	4.0+	no	no	no	no
	�
onmousemove Fires when the mouse moves while the pointer over the element.	2.0+	1.0+	1.0+	4.0+	1.0+
	�
onmouseout Fires when the mouse pointer moves off of the element.	2.0+	1.0+	1.0+	4.0+	1.0+
	�
onmouseover Fires when the mouse pointer moves over the element.	2.0+	1.0+	1.0+	4.0+	1.0+
	�
onmouseup Fires when the user releases the mouse button while the element has focus.	2.0+	1.0+	1.0+	4.0+	1.0+
	�
onmousewheel Fires when the user rotates the mouse wheel while the element has focus.	4.0+	no	no	no	no
	�
onmove Fires when the element moves.	4.0+	no	no	no	no
onmove Fires when the element moves.	�
onmoveend Fires when the element stops moving.	4.0+	no	no	no	no
onmoveend Fires when the element stops moving.	�
onmovestart Fires immediately before the element moves.	4.0+	no	no	no	no
onmovestart Fires immediately before the element moves.	�
onpaste Fires when the clipboard contents are pasted onto the element.	4.0+	no	no	no	1.0+
	�
onpropertychange Fires when one of the properties of the element changes.	4.0+	no	no	no	no
	�
onreadystatechange Fires when the ready state of the element changes.	4.0+	no	no	no	no
	�
onresizeend Fires when the element is finished being resized.	4.0+	no	no	no	no
	�
onresizestart Fires immediately before a user resizes the element.	4.0+	no	no	no	no
	�
onselectstart Fires immediately before the element is selected.	4.0+	no	no	no	1.0+
	�
ontimeerror Fires when a time-related error occurs.	4.0+	no	no	no	no
ontimeerror Fires when a time-related error occurs.	�

Change Language

area

Browser/User Agent Support

Example

Remarks

Attribute Detail

Event Detail

Examples -> Source code Demo online - > area: