nohref 属性在 html5 中已被完全移除，浏览器静默忽略；禁用 area 链接行为须移除 href，并配合 tabindex="-1"、aria-disabled="true" 和 pointer-events: none。
nohref 属性在 <area> 中早已被移除
nohref 是 HTML 4.01 中一个**已废弃**的布尔属性，用于声明某个 <area> 不指向任何链接。但自 HTML5 起，该属性被**完全移除**，浏览器不再识别它——哪怕写了也不会报错，只是静默忽略。
常见错误现象：<area shape="rect" coords="0,0,100,100" nohref> 看似“禁用点击”，实际仍可能触发默认行为（如焦点进入、键盘可访问），且 W3C 验证器会报错。
- HTML5 规范中
<area>的合法属性只有：alt、coords、download、href、hreflang、ping、rel、shape、target、type - 若想让区域“不可点击”，必须配合 JavaScript 或 CSS 控制，不能依赖
nohref
如何真正禁用 <area> 的链接行为
仅靠 HTML 无法实现“无效区域”的语义化表达，需组合使用 CSS 和 JS：
- 移除
href属性（这是关键）：没有href的<area>默认不被视为可激活链接，也不会被键盘聚焦（除非加了tabindex） - 添加
aria-disabled="true"和tabindex="-1"提升可访问性控制 - 用 CSS 禁用鼠标交互：
pointer-events: none（注意：这会彻底屏蔽所有事件，包括click、focus，但对屏幕阅读器无影响）
示例：
<map name="mymap"><area shape="rect" coords="0,0,100,100" alt="disabled region" tabindex="-1" aria-disabled="true"></map>
再配合样式：
area[aria-disabled="true"] { pointer-events: none; }
为什么不用 href="#" 或 href="javascript:void(0)" 代替
这类写法看似“无跳转”，实则带来更严重的问题：
-
href="#"会触发页面顶部滚动，破坏用户体验 -
href="javascript:void(0)"违反 CSP 策略（若启用了script-src 'self'），且在部分浏览器中导致焦点管理异常 - 两者都会让屏幕阅读器误判为有效链接，损害可访问性
- 不符合 HTML5 对
<area>的语义要求：没有href才表示“非链接区域”
兼容性与现代替代建议
所有现代浏览器（Chrome 80+、Firefox 75+、Safari 14+、Edge 88+）均不支持 nohref；IE 已退出支持，无需考虑。
- 如果项目仍需维护旧版 HTML4 页面，
nohref可能“看起来有效”，但本质是浏览器对废弃属性的宽松容错，不可依赖 - 更健壮的做法是：用
<div> + <code>position: absolute+clip-path模拟热点区域，配合role="region"和aria-hidden="true"明确语义 - 复杂图像映射场景建议迁移到 SVG：
<svg></svg>内的<path></path>或<rect></rect>更易控制交互、样式和无障碍属性
真正麻烦的不是写法，而是很多人以为删掉 href 就够了，却忘了 tabindex 和 aria-disabled 才决定它是否“对辅助技术不可见”。
