ismap 属性必须配合 <a> 标签包裹 <img> 才能生效，点击时将原始尺寸下的像素坐标以 x,y 形式作为查询参数提交服务器；不依赖 <map>/<area>，不支持热区定义、href 跳转或前端交互，且与 usemap 互斥。
ismap 属性用于启用服务端图像映射（server-side image map），它让点击图片的坐标信息以 x,y 形式作为查询参数提交给服务器，由后端解析处理——和客户端 usemap 完全不同，不依赖 <map> 或 <area>，也不需要前端写热区坐标。
ismap 必须配合 <a> 包裹 <img> 才能生效
浏览器只在 <a href="xxx"><img ismap></a> 这种结构下才发送坐标。单独给 <img> 加 ismap、或把它放在 <div> / <button> 里，都无效。
-
<a href="/click?region=nav"><img src="map.jpg" ismap></a>✅ 点击后实际请求：/click?region=nav&x=120&y=85 -
<img src="map.jpg" ismap>❌ 不触发坐标提交 -
<button><img src="map.jpg" ismap></button>❌ 被忽略
服务端收到的是原始像素坐标，不是缩放后的位置
和 usemap 一样，ismap 的 x,y 值始终基于图片原始尺寸（img.naturalWidth/img.naturalHeight），不受 CSS width、max-width 或高 DPR 影响。
- 原始图是 1000×600，你用
img { width: 50%; }显示，用户点中间位置，仍会传x=500&y=300，不是250,150 - 服务端必须用原始尺寸做区域判断，不能直接套用设计稿里的“显示坐标”
- 如果前后端坐标基准不一致（比如后端按缩放后尺寸解析），所有点击都会错位
ismap 和 usemap 不能共存，且 ismap 没有 href/alt 等交互控制
ismap 是纯服务端机制，不支持定义多个热区、不支持 href 跳转、不支持 alt 提示，也没有 hover 效果或 JS 事件绑定能力。
立即学习“前端免费学习笔记（深入）”；
- 一个
<img>只能选ismap或usemap，不能同时加；加了ismap就自动忽略usemap -
<a href="/log"><img ismap></a>点击后跳转到/log?x=...&y=...，但无法像<area>那样为不同区域设不同href - 想实现多区域响应，只能靠后端解析
x,y后做 if-else 判断，或返回重定向
真正麻烦的是调试：浏览器不会提示 ismap 是否生效，也不会报错。唯一验证方式是打开网络面板，看点击后发出的请求 URL 是否带 x= 和 y= 参数——漏掉 <a> 包裹、或 href 缺失，就只会发普通请求，坐标静默消失。
