标签本身在旧浏览器中无需 polyfill，问题在于上下文缺失、usemap 匹配错误、coords 百分比不支持、 位置顺序不当、动态插入后未重绘；降级方案宜用 CSS 定位覆盖层 + 语义化 标签，并补全无障碍与键盘导航支持。

@#@#@#@#@#@#@#@#@#@0 覆盖，尺寸/位置由 JS 或内联 style 计算

避免 z-index 冲突：确保 .hotspot 的 z-index 高于图片，且父容器设 position: relative

无障碍处理：给 加 aria-label 和 tabindex="0"，模拟原 的语义

注意：不要用

模拟 却忽略键盘导航——旧浏览器用户可能靠 Tab 键操作，tabindex 和 onkeydown 必须补全。

JS 操作 时的兼容陷阱

旧浏览器对 的 DOM API 支持有限：area.href 可读但不可写（IE8 报错）；area.getAttribute('href') 安全；querySelector('map area') 在 IE8 中返回空 NodeList，得用 map.getElementsByTagName('area')。

Html2md

使用 Readability + Turndown 将 HTML 页面转换为干净的、Agent 友好的 Markdown。去除导航栏、广告、页脚、Cookie 横幅、社交按钮等干扰元素。支持 URL...

下载

• 获取点击区域：别依赖 event.target —— IE6–IE8 中它可能是 ，应改用 document.elementFromPoint(x, y) 并判断 nodeName === 'AREA'
• 动态禁用某个区域：IE8 不支持 area.removeAttribute('href')，应改用 area.href = 'javascript:void(0)' + area.style.pointerEvents = 'none'（IE11+）或加 class 控制 cursor: default + JS 阻断
• 坐标校准：若图片被缩放（width/height 与原始尺寸不同），IE6–IE8 不会自动缩放 coords，必须 JS 手动按比例换算并重写 area.coords

最易被忽略的是：旧浏览器中 不是“可聚焦元素”，map.focus() 无效，也无法被 tabindex 激活——这意味着整个图像映射区域在键盘导航下天然不可达，必须用前述 覆盖方案兜底。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！