area标签不支持download属性，这是HTML规范硬性限制；仅a元素支持该属性，area上设置会被浏览器静默忽略；需改用a标签模拟热区或JavaScript fetch+Blob方案实现下载。

area 标签不支持 download 属性 —— 这是硬性限制，不是兼容性问题，也不是写法错误。

html-deploy

使用 htmlcode.fun 将 HTML 内容或文件部署到网页，适用于用户要求“部署到网页”“托管此 HTML”“生成此前端...的实时链接”等场景。

下载

---

area 元素根本不能用 download

• area 是 map 内部用于定义图像映射区域的标签，语义上只描述“可点击区域”，不承载资源导航意图
• HTML 规范明确限定 download 属性仅适用于 a 和 area 元素 —— 等等，这里要立刻澄清：
  实际规范（WHATWG HTML Living Standard）中，download 仅允许出现在 a 元素上；area 并不在支持列表中，所有浏览器均忽略其上的 download 属性
• 常见误判现象：给 area 加了 download="xxx"，但点击后仍跳转或打开图片/页面，控制台无报错，属性看似“存在”却完全无效

---

想在图像热区实现下载？必须换路径

• area 的 href 必须指向一个真实 URL，但它没有 download 的控制权 → 浏览器按默认策略处理（通常是导航或预览）
• 可行替代方案只有两个：
  • 把热区逻辑迁移到 a 标签 + CSS 定位模拟（推荐）：用绝对定位覆盖图像，用 a 替代 area，此时 download 可用且可控
  • 用 JavaScript 监听 area 的 click 事件，阻止默认行为，再走 fetch + Blob + URL.createObjectURL 下载流程（仅适用于同源或 CORS 允许的资源）

---

为什么有人以为 area 支持 download？

• 某些旧文档或博客把 a 和 area 并列提及，未加区分，造成误解
• 浏览器开发者工具里能看到 area 元素上写了 download 属性（HTML 解析不报错），但渲染引擎压根不读取它
• 实际测试中，右键该热区 → “另存为” 或 “在新标签页中打开”，都不会触发下载对话框，这是最直接的验证方式

area 的本质是坐标锚点，不是下载载体。需要下载功能，就得让交互落在 a 上，或者交由 JS 显式接管。