Get to know MDN better
This page was translated from English by the community. Learn more and join the MDN Web Docs community.
This feature is well established and works across many devices and browser versions. It’s been available across browsers since июль 2015 г..
* Some parts of this feature may have varying levels of support.
HTML-элемент <area> определяет область внутри карты изображения, в которой есть предварительно определённые области, доступные для кликов. Карта изображения позволяет связывать геометрические области изображения с гипертекстовыми ссылками.
Этот элемент используется только внутри элемента <map>.
| Допустимое содержимое | Нет, это пустой элемент. |
| Пропуск тегов | Открывающий тег обязателен, закрывающего быть не должно. |
| Допустимые родители | Любой элемент, допускающий фразовый контент. У элемента <area> должен быть родитель <map>, но он не должен быть прямым родителем. |
| Допустимые ARIA-роли | Нет |
| DOM-интерфейс | HTMLAreaElement |
Этот элемент включает в себя только глобальные атрибуты.
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Определяет имя интерактивной области, чтобы оно могло прописаться в старых браузерах.
mediaA 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.
nohrefIndicates that no hyperlink exists for the associated area. Either this attribute or the href attribute must be present in the element.
referrerpolicyA string indicating which referrer to use when fetching the resource:
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.
shapeThe 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 .
tabindexA numeric value specifying the position of the defined area in the browser tabbing order. This attribute is global in HTML5.
targetThis 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:
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.
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.
| HTML # the-area-element |
Enable JavaScript to view this browser compatibility table.
This page was last modified on 22 янв. 2026 г. by MDN contributors.
Your blueprint for a better internet.
Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2026 by individual mozilla.org contributors. Content available under a Creative Commons license.