Создание сайта на CMS WordPress: обучение и хостинг

ТЕГИ <MAP> и <AREA>

Тег <map> Используется для создания карты-изображения. Тег <area> определяет область внутри карты изображений. Карта-изображение позволяют привязывать ссылки к разным областям одного изображения.

Поддержка браузеров

Синтаксис

<map> 
    <area> 
    <area> 
</map>

Атрибуты

Атрибуты тега `<map>`

Атрибут	Описание
name	Определяет имя элемента.

Тег <map> поддерживает глобальные атрибуты.

Атрибуты тега `<area>`

Атрибут	Описание
alt	Определяет альтернативный текст альтернативный текст для области изображения.
coords	Определяет координаты области.
download	Указывает на то, что при нажатии на область будет скачан файл, находящийся по адресу ссылки.
href	Указывает на адрес документа/файла/якоря/почты или номер телефона, куда ведёт ссылка.
hreflang	Указывает на язык документа по ссылке.
media	Указывает, для какого устройства создан связанный ресурс.
rel	Устанавливает отношения между текущим документом и документом, находящийся по адресу ссылки.
shape	Определяет форму области. Возможные значения: default rect circle poly
target	Указывает на то, где будет открываться документ по ссылке. _self открывает ссылку в текущем окне браузера _blank открывает ссылку в новом окне браузера _parent открывает ссылку в родительской вкладке. Если родительской вкладки нет, то параметр будет вести себя как _self _top открывает ссылку в окне высшего уровня. Если окна высшего уровня нет, то параметр будет вести себя как _self
type	Указывает MIME-тип для документа по ссылке.

Тег <area> поддерживает глобальные атрибуты.

Песочница

<map name="solarsystem"> 
    <area shape="circle" coords="118,120,42" href="https://pautina.io" alt="Солнце"> 
    <area shape="circle" coords="247,122,20" href="https://pautina.io" alt="Юпитер"> 
</map> 
<img usemap="#solarsystem" src="/images/solar-system-400.jpg">

HTML

← Перейти к списку тегов