最小可用模板：，须严格匹配name/id、填原始像素坐标、每个area带alt。
直接给你能复制粘贴跑起来的最小可用模板，不是“教程”，是开箱即用的代码块。 你不需要从零写 ，但必须手动填坐标、改链接、配 alt——这部分没法跳过，否则热区失效或不可访问。
usemap="#xxx" 和 name="xxx" 必须严格匹配且带 # 号
这是最常卡住人的地方：浏览器只认 usemap="#myMap"，写成 usemap="myMap" 或 usemap="#MyMap"（大小写不一致）都会让整个映射静默失效。
-
—— 注意这里name值是floor-map，不带# - HTML5 要求同时写
name和id才保险：
coords 坐标必须是原始图片像素值，不能抄百分比
所有 coords 都基于图片原始尺寸（比如 800×600），不是当前显示尺寸。用 Photoshop、GIMP 或在线工具（如 ImageMap Generator）导出坐标时，确认它输出的是像素值，不是百分比——HTML5 已废弃 % 坐标语法。
- 矩形
rect：顺序是left,top,right,bottom，例如coords="120,80,240,160" - 圆形
circle：center_x,center_y,radius，例如coords="400,300,50" - 多边形
poly：按顶点顺时针/逆时针列x,y对，例如coords="100,200,150,180,180,220,130,240"
area 标签必须嵌在 map 内，且每个都要有 alt
@#@#@#@#@#@#@#@#@#@0，有时比折腾 更省事
真正难的从来不是写对标签，而是坐标准确、语义清晰、设备兼容——这三样缺一不可，少一个，用户就点不到、看不到、读不懂。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
