: 图像映射标签

最后更新：2026-09-12

<map>图像映射标签

定义客户端图像映射，内部通过 <area> 划分多个可点击区域，再与 <img> 的 usemap 属性配合生效。

<map name="planet">
  <area shape="circle" coords="..." href="...">
</map>

该元素支持全局属性及以下专有属性：

属性	值	描述
`name`		映射名称，的 usemap 用 #名称关联它。

编辑下方代码，在 playground 中查看实时效果：

浏览器	Chrome	Edge	Firefox	Safari	Opera
<map>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
所有主流浏览器均支持

提示： map 自身不显示任何内容，必须配合带 usemap 的 <img> 与若干 <area> 才有意义。

更多案例即将上线，敬请期待。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。