Кратко
СкопированоТег <map>
— это обёртка для тега <area>
, он нужен для связи с картинкой.
Пример
Скопировано<map name="doka-label"> <area shape="poly" coords="192,2,131,31,112,103,134,160,185,191,585,191,643,155,661,93,637,30,579,1" href="/js/" target="_blank" alt="JS"></map><img usemap="#doka-label">
<map name="doka-label"> <area shape="poly" coords="192,2,131,31,112,103,134,160,185,191,585,191,643,155,661,93,637,30,579,1" href="/js/" target="_blank" alt="JS"> </map> <img usemap="#doka-label">
Как пишется
СкопированоУ тега <map>
должен быть атрибут name
с уникальным именем, на которое мы будем ссылаться в атрибуте usemap
картинки. А внутри тега может быть сколько угодно <area>
— они размечают на картинке области-ссылки.
Как понять
СкопированоПоскольку тегов <area>
может быть очень много, например на картинке с навигацией, без <map>
пришлось бы связывать каждый <area>
с единственной картинкой. К счастью, <map>
служит удобной обёрткой, и ссылаться нужно только на него 😉
Подсказки
Скопировано💡 Чтобы связь установилась верно, не забудьте поставить знак #
перед именем внутри usemap
.