area标签shape="circle"需严格按coords="cx,cy,r"格式书写，usemap与map的name须匹配（前者带#后者不带），每个area必须有有效alt属性，且圆形热点不支持CSS hover需JS实现。
area 标签的 shape="circle" 是定义图像圆形热点区域的唯一标准方式，坐标必须严格按 cx,cy,r 顺序书写，缺一不可。
coords 属性必须是三个数字，顺序不能错
浏览器只认 coords="100,80,30" 这种格式：第一个是圆心 x 坐标，第二个是圆心 y 坐标，第三个是半径（单位像素）。写成 coords="80,100,30" 或 coords="100,30,80" 都会导致区域偏移甚至失效。坐标原点在图片左上角，x 向右、y 向下增长。
usemap 和 map 的 name 必须完全匹配（含 # 号规则）
img 标签的 usemap 属性值要和 map 标签的 name 属性值一致，且注意：usemap 值前面带 #（如 usemap="#planetmap"），而 map 的 name 不带 #（如 name="planetmap"）。漏掉或错加 # 会让整个映射失效。
alt 属性不是可选的，而是可访问性刚需
每个 area 都必须有 alt 属性，哪怕只是简短描述，例如 alt="太阳"。没有 alt 的 area 在屏幕阅读器中不可读，也违反 WCAG 2.1 规范。不要用空字符串或占位符如 alt="" 或 alt="link"。
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
立即学习“前端免费学习笔记（深入）”；
圆形区域不支持 CSS hover 动画，需用 JS 补足
纯 HTML 图像映射的 area 元素无法直接绑定 :hover 样式，area 本身不渲染为 DOM 可见节点。如果需要悬停高亮效果，得用 JavaScript 监听 mousemove 或 mouseover，再通过计算鼠标与圆心距离（Math.sqrt((mx-cx)² + (my-cy)²) ）来模拟判断，或者改用 SVG 替代方案。
实际开发中容易忽略的是响应式场景下的坐标失效问题：所有 coords 值都是固定像素，图片缩放后热点会错位。没有自动适配机制，必须配合 JavaScript 动态重算坐标，或放弃 map 改用 svg + viewBox。
