Baseline Widely available *
HTML-ÑÐ»ÐµÐ¼ÐµÐ½Ñ <area>
опÑеделÑÐµÑ Ð¾Ð±Ð»Ð°ÑÑÑ Ð²Ð½ÑÑÑи каÑÑÑ Ð¸Ð·Ð¾Ð±ÑажениÑ, в коÑоÑой еÑÑÑ Ð¿ÑедваÑиÑелÑно опÑеделÑннÑе облаÑÑи, доÑÑÑпнÑе Ð´Ð»Ñ ÐºÐ»Ð¸ÐºÐ¾Ð². ÐаÑÑа изобÑÐ°Ð¶ÐµÐ½Ð¸Ñ Ð¿Ð¾Ð·Ð²Ð¾Ð»ÑÐµÑ ÑвÑзÑваÑÑ Ð³ÐµÐ¾Ð¼ÐµÑÑиÑеÑкие облаÑÑи изобÑÐ°Ð¶ÐµÐ½Ð¸Ñ Ñ Ð³Ð¸Ð¿ÐµÑÑекÑÑовÑми ÑÑÑлками.
ÐÑÐ¾Ñ ÑÐ»ÐµÐ¼ÐµÐ½Ñ Ð¸ÑполÑзÑеÑÑÑ ÑолÑко внÑÑÑи ÑлеменÑа <map>
.
<map name="infographic">
<area
shape="poly"
coords="129,0,260,95,129,138"
href="https://developer.mozilla.org/docs/Web/HTTP"
alt="HTTP" />
<area
shape="poly"
coords="260,96,209,249,130,138"
href="https://developer.mozilla.org/docs/Web/HTML"
alt="HTML" />
<area
shape="poly"
coords="209,249,49,249,130,139"
href="https://developer.mozilla.org/docs/Web/JavaScript"
alt="JavaScript" />
<area
shape="poly"
coords="48,249,0,96,129,138"
href="https://developer.mozilla.org/docs/Web/API"
alt="Web APIs" />
<area
shape="poly"
coords="0,95,128,0,128,137"
href="https://developer.mozilla.org/docs/Web/CSS"
alt="CSS" />
</map>
<img
usemap="#infographic"
src="/shared-assets/images/examples/mdn-info.png"
alt="MDN infographic" />
img {
display: block;
margin: 0 auto;
width: 260px;
height: 260px;
}
ÐÑÑибÑÑÑ
ÐÑÐ¾Ñ ÑÐ»ÐµÐ¼ÐµÐ½Ñ Ð²ÐºÐ»ÑÑÐ°ÐµÑ Ð² ÑÐµÐ±Ñ ÑолÑко глобалÑнÑе аÑÑибÑÑÑ.
accesskey
Specifies a keyboard navigation accelerator for the element. Pressing ALT or a similar key in association with the specified character selects the form control correlated with that key sequence. Page designers are forewarned to avoid key sequences already bound to browsers. This attribute is global since HTML5.
alt
С помоÑÑÑ ÑÑого аÑÑибÑÑа задаÑÑÑÑ Ð°Ð»ÑÑеÑнаÑивнÑй ÑекÑÑ, опиÑÑваÑÑий изобÑажение, еÑли оно не доÑÑÑпно. Ðн должен бÑÑÑ ÑÑоÑмÑлиÑован Ñак, ÑÑÐ¾Ð±Ñ Ð¿ÑедоÑÑавиÑÑ Ð¿Ð¾Ð»ÑзоваÑÐµÐ»Ñ ÑÐ¾Ñ Ð¶Ðµ вÑбоÑ, ÑÑо и изобÑажение, коÑоÑое оÑÑиÑÑеÑÑÑ Ð±ÐµÐ· алÑÑеÑнаÑивного ÑекÑÑа. Ð HTML4 даннÑй аÑÑибÑÑ Ð¾Ð±ÑзаÑелен, но Ñак же Ð¼Ð¾Ð¶ÐµÑ ÑодеÑжаÑÑ Ð¸ пÑÑÑÑÑ ÑÑÑÐ¾ÐºÑ (""). Ð HTML5 ÑÑÐ¾Ñ Ð°ÑÑибÑÑ Ð¾Ð±ÑзаÑелен ÑолÑко пÑи налиÑии аÑÑибÑÑа href.
coords
ÐадаÑÑ Ð·Ð½Ð°ÑÐµÐ½Ð¸Ñ ÐºÐ¾Ð¾ÑÐ´Ð¸Ð½Ð°Ñ Ð´Ð»Ñ Ð°ÐºÑивной облаÑÑи. ÐнаÑение и колиÑеÑÑво знаÑений завиÑÑÑ Ð¾Ñ Ð·Ð½Ð°ÑÐµÐ½Ð¸Ñ Ñказанного Ð´Ð»Ñ Ð°ÑÑибÑÑа shape. ÐÐ»Ñ rect
или пÑÑмоÑголÑника задаÑÑÑÑ Ð´Ð²Ðµ паÑÑ Ð·Ð½Ð°Ñений x,y coords: лево, веÑÑ
, пÑаво и низ. ÐÐ»Ñ circle
, знаÑÐµÐ½Ð¸Ñ x,y,r
где x,y
кооÑдинаÑÑ ÑенÑÑа кÑÑга, а r
ÑадиÑÑ. ÐÐ»Ñ poly
или многоÑголÑника, знаÑÐµÐ½Ð¸Ñ Ð·Ð°Ð´Ð°ÑÑÑÑ Ð¿Ð°Ñой x и y Ð´Ð»Ñ ÐºÐ°Ð¶Ð´Ð¾Ð¹ веÑÑÐ¸Ð½Ñ Ð¼Ð½Ð¾Ð³Ð¾ÑголÑника: x1,y1,x2,y2,x3,y3,
и Ñ.д. Ð HTML4 знаÑÐµÐ½Ð¸Ñ Ð·Ð°Ð´Ð°ÑÑÑÑ Ð² пикÑелÑÑ
или пÑоÑенÑаÑ
, когда добавлен знак (%); в HTML5, знаÑÐµÐ½Ð¸Ñ â велиÑÐ¸Ð½Ñ Ð² пикÑелÑÑ
.
download
ÐÑÐ¾Ñ Ð°ÑÑибÑÑ, еÑли он добавлен, ÑказÑваеÑ, ÑÑо ÑÑÑлка иÑполÑзÑеÑÑÑ Ð´Ð»Ñ ÑкаÑÐ¸Ð²Ð°Ð½Ð¸Ñ Ñайла. СмоÑÑи <a>
Ð´Ð»Ñ Ð¿Ð¾Ð»Ð½Ð¾Ð³Ð¾ опиÑÐ°Ð½Ð¸Ñ Ð°ÑÑибÑÑа download
.
href
СÑÑлка Ð´Ð»Ñ Ð°ÐºÑивной облаÑÑи. ÐÑо знаÑение дейÑÑвÑÑÑего URL. Ð HTML4, ÑÑÐ¾Ñ Ð¸Ð»Ð¸ nohref аÑÑибÑÑ Ð¾Ð±ÑзаÑелÑнÑй. Ð HTML5, даннÑй аÑÑибÑÑ Ð¼Ð¾Ð¶Ð½Ð¾ пÑопÑÑÑиÑÑ Ð¿Ñи ÑÑловии, ÑÑо акÑÐ¸Ð²Ð½Ð°Ñ Ð¾Ð±Ð»Ð°ÑÑÑ Ð½Ðµ ÑвлÑеÑÑÑ ÑÑÑлкой.
hreflang
УказÑÐ²Ð°ÐµÑ ÑзÑк ÑвÑзанного ÑеÑÑÑÑа. ÐопÑÑÑимÑе знаÑÐµÐ½Ð¸Ñ Ð¾Ð¿ÑеделÑÑÑÑÑ BCP47. ÐÑполÑзÑйÑе даннÑй аÑÑибÑÑ Ð¿Ñи налиÑии аÑÑибÑÑа href.
name
ÐпÑеделÑÐµÑ Ð¸Ð¼Ñ Ð¸Ð½ÑеÑакÑивной облаÑÑи, ÑÑÐ¾Ð±Ñ Ð¾Ð½Ð¾ могло пÑопиÑаÑÑÑÑ Ð² ÑÑаÑÑÑ Ð±ÑаÑзеÑÐ°Ñ .
media
A hint of the media for which the linked resource was designed, for example print and screen
. If omitted, it defaults to all
. Use this attribute only if the href attribute is present.
nohref
Indicates that no hyperlink exists for the associated area. Either this attribute or the href attribute must be present in the element.
referrerpolicy
ÐкÑпеÑименÑалÑÐ½Ð°Ñ Ð²Ð¾Ð·Ð¼Ð¾Ð¶Ð½Ð¾ÑÑÑ
A string indicating which referrer to use when fetching the resource:
"no-referrer"
meaning that the Referer:
header will not be sent.no-referrer-when-downgrade
" meaning that no Referer:
header will be sent when navigating to an origin without TLS (HTTPS). This is a user agent's default behavior, if no policy is otherwise specified."origin"
meaning that the referrer will be the origin of the page, that is roughly the scheme, the host and the port."unsafe-url"
meaning that the referrer will include the origin and the path (but not the fragment, password, or username). This case is unsafe because it can leak origins and paths from TLS-protected resources to insecure origins.rel
For anchors containing the href attribute, this attribute specifies the relationship of the target object to the link object. The value is a space-separated list of link types values. The values and their semantics will be registered by some authority that might have meaning to the document author. The default relationship, if no other is given, is void. Use this attribute only if the href attribute is present.
shape
The shape of the associated hot spot. The specifications for HTML 5 and HTML 4 define the values rect
, which defines a rectangular region; circle
, which defines a circular region; poly
, which defines a polygon; and default
, which indicates the entire region beyond any defined shapes. Many browsers, notably Internet Explorer 4 and higher, support circ
, polygon
, and rectangle
as valid values for shape; these values are Ðе ÑÑандаÑÑно .
tabindex
A numeric value specifying the position of the defined area in the browser tabbing order. This attribute is global in HTML5.
target
This attribute specifies where to display the linked resource. In HTML4, this is the name of, or a keyword for, a frame. In HTML5, it is a name of, or keyword for, a browsing context (for example, tab, window, or inline frame). The following keywords have special meanings:
_self
: Load the response into the same HTML4 frame (or HTML5 browsing context) as the current one. This value is the default if the attribute is not specified._blank
: Load the response into a new unnamed HTML4 window or HTML5 browsing context._parent
: Load the response into the HTML4 frameset parent of the current frame or HTML5 parent browsing context of the current one. If there is no parent, this option behaves the same way as _self
._top
: In HTML4: Load the response into the full, original window, canceling all other frames. In HTML5: Load the response into the top-level browsing context (that is, the browsing context that is an ancestor of the current one, and has no parent). If there is no parent, this option behaves the same way as _self
.Use this attribute only if the href attribute is present.type
This attribute specifies the media type in the form of a MIME type for the link target. Generally, this is provided strictly as advisory information; however, in the future a browser might add a small icon for multimedia types. For example, a browser might add a small speaker icon when type is set to audio/wav. For a complete list of recognized MIME types, see https://www.w3.org/TR/html4/references.html#ref-MIMETYPES. Use this attribute only if the href attribute is present.
<map name="primary">
<area
shape="circle"
coords="75,75,75"
href="left.html"
alt="Click to go Left" />
<area
shape="circle"
coords="275,75,75"
href="right.html"
alt="Click to go Right" />
</map>
<img usemap="#primary" src="http://placehold.it/350x150" alt="350 x 150 pic" />
РезÑлÑÑÐ°Ñ Notes
Under the HTML 3.2, 4.0, and 5 specifications, the closing tag </area>
is forbidden.
The XHTML 1.0 specification requires a trailing slash: <area />
.
The id, class, and style attributes have the same meaning as the core attributes defined in the HTML 4 specification, but only Netscape and Microsoft define them.
Netscape 1âlevel browsers do not understand the target attribute as it relates to frames.
HTML 3.2 defines only alt, coords, href, nohref, and shape.
HTML 5.1 defines obsolete the attribute type on this tag.
СпеÑиÑикаÑии СовмеÑÑимоÑÑÑ Ñ Ð±ÑаÑзеÑамиRetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4