HTML CSS Reference/HTML Tag Reference/area
Содержание
"area" CSS Attributes and JavaScript Style Properties
+----------------+--------------------------------------------------------------+
| CSS |behavior |
+----------------+--------------------------------------------------------------+
"area" Event Handlers
+----------------+--------------------------------------------------------------+
| Event |onActivate onBeforeActivate |
| Handlers |onBeforeCopy onBeforeCut |
| |onBeforeDeactivate onBeforeEditFocus |
| |onBeforePaste onBlur |
| |onClick onContextMenu |
| |onControlSelect onCopy |
| |onCut onDblClick |
| |onDeactivate onDrag |
| |onDragEnd onDragEnter |
| |onDragLeave onDragOver |
| |onDragStart onDrop |
| |onFocus onFocusIn |
| |onFocusOut onHelp |
| |onKeyDown onKeyPress |
| |onKeyUp onLoseCapture |
| |onMouseDown onMouseEnter |
| |onMouseLeave onMouseMove |
| |onMouseOut onMouseOver |
| |onMouseUp onMouseWheel |
| |onMove onMoveEnd |
| |onMoveStart onPaste |
| |onPropertyChange onReadyStateChange |
| |onResizeEnd onResizeStart |
| |onSelectStart onTimeError |
+----------------+--------------------------------------------------------------+
"area" Example
<html>
<head>
<title>area element example</title>
</head>
<body>
<img src="yourimage.gif" alt="" width="200" height="100" usemap="#myMap">
<map name="myMap">
<area shape="rect" coords="0, 0, 10, 50" href="http://www.wbex.ru">
<area shape="rect" coords="100, 0, 20, 50" href="http://www.google.ru">
<area shape="rect" coords="0, 50, 10, 10" href="http://www.demo2s.ru">
<area shape="rect" coords="10, 50, 20, 10" href="http://www.google.ru">
</map>
</body>
</html>
"area" HTML Attributes
+----------------+--------------------------------------------------------------+
| HTML |accesskey alt |
| Attributes |begin class |
| |coords dir |
| |end hidefocus |
| |href id |
| |lang language |
| |nohref shape |
| |style syncmaster |
| |systemBitrate systemCaptions |
| |systemLanguage systemOverdubOrSubtitle |
| |tabindex target |
| |timecontainer title |
| |unselectable |
+----------------+--------------------------------------------------------------+
"area" JavaScript Collections
+----------------+--------------------------------------------------------------+
| JavaScript |all attributes |
| Collections |behaviorUrns childNodes |
| |children |
+----------------+--------------------------------------------------------------+
"area" JavaScript Methods
+----------------+--------------------------------------------------------------+
| JavaScript |addBehavior appendChild |
| Methods |applyElement attachEvent |
| |blur clearAttributes |
| |click cloneNode |
| |componentFromPoint contains |
| |detachEvent dragDrop |
| |fireEvent focus |
| |getAdjacentText getAttribute |
| |getAttributeNode getBoundingClientRect |
| |getClientRects getElementsByTagName |
| |getExpression hasChildNodes |
| |insertAdjacentElement insertAdjacentHTML |
| |insertAdjacentText insertBefore |
| |mergeAttributes normalize |
| |releaseCapture removeAttribute |
| |removeAttributeNode removeBehavior |
| |removeChild removeExpression |
| |replaceAdjacentText replaceChild |
| |scrollIntoView setActive |
| |setAttribute setAttributeNode |
| |setCapture setExpression |
| |swapNode |
+----------------+--------------------------------------------------------------+
"area" JavaScript Properties
+----------------+--------------------------------------------------------------+
| JavaScript |accessKey alt |
| Properties |canHaveHTML className |
| |clientHeight clientWidth |
| |coords dir |
| |disabled end |
| |firstChild hash |
| |hideFocus host |
| |hostname href |
| |id innerHTML |
| |isContentEditable isDisabled |
| |isMultiLine isTextEdit |
| |lang language |
| |lastChild nextSibling |
| |nodeName nodeType |
| |nodeValue noHref |
| |offsetHeight offsetLeft |
| |offsetParent offsetTop |
| |offsetWidth outerHTML |
| |outerText ownerDocument |
| |parentElement parentNode |
| |parentTextEdit pathname |
| |port previousSibling |
| |protocol readyState |
| |scopeName scrollHeight |
| |scrollLeft scrollTop |
| |scrollWidth search |
| |shape sourceIndex |
| |tabIndex tagName |
| |tagUrn target |
| |title uniqueID |
+----------------+--------------------------------------------------------------+
"area" Microsoft Behaviors
+----------------+--------------------------------------------------------------+
| Microsoft |clientCaps download |
| Behaviors |homePage httpFolder |
| |saveFavorite saveHistory |
| |saveSnapshot time |
| |time2 userData |
+----------------+--------------------------------------------------------------+
"area" Syntax and Note
Note:
Define the clickable area on a graphic or image.
Syntax: