In order to access this site you need to enable JavaScript!

You are here: Reference > HTML > tags > area

area element

Browser support:

Defines a hyperlink region within an image map.

The area element specifies a region and a link within an image object. It is a perfect choice if you want to assign multiple links to multiple regions within an image, or one link to a portion of an image.

If you want to see the HTML tags by categories, please visit this page.

This element cannot have a closing tag.

JavaScript page for this element: area.

Possible members:

Attributes

Events

Styles

Pseudos

accessKey

Sets an access key to an element.

alt

Sets an alternate text that is displayed when the file associated with the element cannot be displayed.

class

Sets the style class or classes that belong to the element.

contentEditable

	3

Sets whether the contents of the object are editable.

coords

Sets the position of a shape. You can select the type of shape with the shape attribute.

dir

Sets the text direction as related to the lang attribute.

DISABLED

Sets the state of an object for user interaction.

draggable

	3.5		5

Sets whether an element is draggable.

HIDEFOCUS

Specifies whether a dotted rectangle (focus rectangle) is drawn around an object while it has focus.

href

Specifies the location of the destination.

Sets a unique identifier for the object.

lang

Specifies the language of the element.

language

Sets the scripting language for the current element. Use it only for the script element.

name

Sets the name of an element.

NOHREF

Sets whether an area is a link.

shape

Sets the shape type of the selectable region for a hypertext or an area.

style

Sets an inline style associated with an element.

tabIndex

Specifies the tabbing order for keyboard navigation using the TAB key.

target

Specifies the target window or frame where the document is to be opened.

title

Specifies a tooltip for an element.

unSelectable

Sets whether the selection process can start in an element's content.

xml:lang

Sets the language code of the XML document.

onActivate

Occurs when an element becomes active.

onBeforeActivate

Occurs before an element becomes active.

onBeforeCopy

Occurs before the selection is copied to the clipboard and before the oncopy event.

onBeforeCut

Occurs before the selection is cut from the document and provides a possibility to enable the Cut menu item.

onBeforeDeActivate

Occurs on the active element before it loses the active state.

onBeforeEditFocus

Occurs before an input:file, input:password, input:text or textarea element or an element in an editable region becomes a UI-activated.

onBeforePaste

Occurs before the contents of the clipboard are pasted into the document and provides a possibility to enable the Paste menu item.

onBlur

Occurs when an element loses focus.

onClick

Occurs when the user clicks on an element.

onContextMenu

Occurs when the right mouse button is clicked on an element and the context menu is shown.

onControlSelect

Occurs before a control is selected in an editable region.

onCopy

Occurs before the selection is copied to the clipboard.

onCut

Occurs before the selection is cut from the document and added to the clipboard.

onDblClick

Occurs when the user double clicks on an element.

onDeActivate

Occurs on the active element when it loses the active state.

onDrag

	3

Occurs periodically on the source element during the drag operation.

onDragEnd

	3

Occurs on the source element when the user has finished the drag operation.

onDragEnter

Occurs on an element when the user moves the mouse pointer into it during a drag operation.

onDragLeave

	3.5

Occurs on an element when the user moves the mouse pointer out of it during a drag operation.

onDragOver

Occurs periodically on an element while the mouse pointer is over it during a drag operation.

onDragStart

	3.5

Occurs on the source element when the user starts the drag operation.

onDrop

	3.5

Occurs on a possible target element when the dragged data is dropped on it.

onFilterChange

Occurs after a filter has changed or finished a transition.

onFocus

Occurs when an element receives focus.

onFocusIn

Occurs before an element receives focus.

onFocusOut

Occurs after an element loses focus.

onHelp

Occurs after the user has pressed the F1 key.

onKeyDown

Occurs on an element that has the focus when a key is pressed down and occurs periodically until the key is released.

onKeyPress

Occurs on an element that has the focus when a key is pressed down and occurs periodically until the key is released.

onKeyUp

Occurs on an element that has the focus when the user releases a key.

onLoseCapture

Occurs when the object loses the mouse capture.

onMouseDown

Occurs when the user presses a mouse button over an element.

onMouseEnter

Occurs when the user moves the mouse pointer into the area of an element.

onMouseLeave

Occurs when the user moves the mouse pointer out of the element.

onMouseMove

Occurs when the user moves the mouse over the element.

onMouseOut

Occurs when the user moves the mouse pointer out of the element.

onMouseOver

Occurs when the user moves the mouse pointer into the element.

onMouseUp

Occurs when the user releases a mouse button over an element.

onMouseWheel

Occurs when the mouse wheel rolls.

onMove

Occurs when the position of an element's top-left corner is changed.

onMoveEnd

Occurs when the user stops dragging an absolute or relative positioned element in an editable region.

onMoveStart

Occurs when the user starts dragging an absolute or relative positioned element in an editable region.

onPaste

Occurs before the contents of the clipboard are pasted into the document.

onPropertyChange

Occurs every time when the value of an element's property is changed.

onReadyStateChange

Occurs when the load state of the data that belongs to an element or a HTML document changes.

onResize

Occurs when the size of an object has changed.

onResizeEnd

Occurs when the user stops resizing an element in an editable region.

onResizeStart

Occurs when the user starts to resize an element in an editable region.

onSelectStart

Occurs at the start of a selection process.

Example HTML code 1:

This example illustrates the use of the area element:

<img src="area.gif" width="504px" height="126px" border="0px" alt="Solar System" usemap="#SampleMap" />
<map name="SampleMap">
    <area shape="rect" coords="1,-1,83,125" alt="rectangle" href="#" />
    <area shape="circle" coords="234,57,30" alt="circle" href="#" />
    <area shape="poly" coords="363,37,380,40,399,35,420,47,426,63,423,78,430,94,409,90,395,92,379,84,371,67,370,57" alt="polygon" href="#" />
</map>

Copy Code

Preview

Syntax Highlighter

Did you find this example helpful? yes no

img
input:image
map

External links:

area element (MSDN)
area element (Safari Reference Library)
area element (W3C)

Digg Del.icio.us Reddit Facebook Twitter Diigo

User Contributed Comments

area element

Possible members:

Example HTML code 1:

Related pages:

External links:

Post Content