From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/ru/web/html/element/map/index.html | 117 +++++++++++++++++++++++++++++++ 1 file changed, 117 insertions(+) create mode 100644 files/ru/web/html/element/map/index.html (limited to 'files/ru/web/html/element/map') diff --git a/files/ru/web/html/element/map/index.html b/files/ru/web/html/element/map/index.html new file mode 100644 index 0000000000..751a526d64 --- /dev/null +++ b/files/ru/web/html/element/map/index.html @@ -0,0 +1,117 @@ +--- +title: +slug: Web/HTML/Element/map +tags: + - Элемент +translation_of: Web/HTML/Element/map +--- +
{{HTMLRef}}
+ +

HTML-элемент <map> используется с элементами {{HTMLElement("area")}} для определения карты изображения (интерактивной области ссылок).

+ +
{{EmbedInteractiveExample("pages/tabbed/map.html", "tabbed-standard")}}
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Категории контентаПотоковый контент, фразовый контент, явный контент.
Разрешенный контентЛюбой прозрачный элемент.
Пропуск тегов{{no_tag_omission}}
Разрешенные родителиЛюбые элементы, которые принимают фразовый контент.
Разрешенные ARIA ролиНет
DOM интерфейс{{domxref("HTMLMapElement")}}
+ +

Атрибуты

+ +

Элемент включает глобальные атрибуты.

+ +
+
{{htmlattrdef("name")}}
+
Атрибут name дает карте имя, чтобы на нее можно было ссылаться. Атрибут должен быть определен и иметь не пустое значение без пробелов. Значение атрибута name не должно совпадать с регистром совместимости со значением атрибута name другого элемента карты в том же документе. Если также указан атрибут id, то они оба должны иметь одинаковое значение.
+
+ +

Пример

+ +
<map name="primary">
+  <area shape="circle" coords="75,75,75" href="left.html">
+  <area shape="circle" coords="275,75,75" href="right.html">
+</map>
+<img usemap="#primary" src="https://placehold.it/350x150" alt="350 x 150 pic">
+
+ +

Живой пример

+ +

{{ EmbedLiveSample('Example', '350', '150', '', 'Web/HTML/Element/map') }}

+ +

Ожидаемые выходные данные

+ +

Живой пример выше должен выглядеть как нижеследующее изображение (при использовании клавиши на клавиатуре):

+ +

Для ссылки left.html:
+

+ +

Для ссылки right.html:
+

+ +

Спецификации

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
СпецификацияСтатусКомментарий
{{SpecName('HTML WHATWG', 'embedded-content.html#the-map-element', '<map>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'embedded-content-0.html#the-map-element', '<map>')}}{{Spec2('HTML5 W3C')}} 
{{SpecName('HTML4.01', 'struct/objects.html#h-13.6.1', '<map>')}}{{Spec2('HTML4.01')}}Первое определение
+ +

Поддержка браузерами

+ + + +

{{Compat("html.elements.map")}}

+ +

Смотрите также

+ + -- cgit v1.2.3-54-g00ecf