HTML 参考手册

HTML 标签大全

HTML: <img> usemap 属性

usemap属性将图像指定为客户端图像图（图像图是具有可点击区域的图像）,usemap属性与 <map> 元素的name属性相关联，并在 <img> 和 <map> 之间创建关系.

在线示例

具有可点击区域的图像地图：

示例

<!DOCTYPE html>
<html>
<head>
<title>HTML:<img> usemap 属性　-　基础教程网　oldtoolbag.com</title>
<body>
<img src="planets.gif" width="145"height="126"alt="Planets" usemap="#planetmap">
<map name="planetmap">
　　<area shape="rect" coords="0,0,82,126"alt="Sun" href="sun.html">
　　<area　shape="circle"　coords="90,58,3"alt="Mercury" href="mercur.html">
　　<area　shape="circle"　coords="124,58,8"　alt="Venus"　href="venus.html">
</map>
</body>
</html>

Vérifiez et voyez ‹/›

Compatibilité des navigateurs

IEFirefoxOperaChromeSafari

Tous les navigateurs populaires prennent en charge l'attribut usemap.

Définition et utilisation

L'attribut usemap spécifie l'image comme image de carte client (une image de carte est une image avec des zones cliquables).

L'attribut usemap est associé à<map>L'attribut name de l'élément est associé et crée une relation entre <img> et <map>.

Attention : si l'élément <img> est un descendant de l'élément <a> ou <button>, l'attribut usemap ne peut pas être utilisé.

HTML 4.01 et HTML5Les différences entre

Aucune.

Syntaxe

<img usemap="#mapname">

Valeur de l'attribut

Valeur	Description
#mapname	Un caractère hash (#) suivi du nom ou de l'ID de l'élément <map> à utiliser.

　HTML <img> balise

HTML: <template> balise