<a>上真正可用的全局属性仅有id、class、data-*、title、lang、dir、style、tabindex（需显式设为"0"或负值）、hidden；contenteditable、spellcheck等多数无效或需额外条件。
不是所有标着“全局”的属性都能在 <a> 上安全生效，尤其当它被用作纯跳转链接时——有些属性会被浏览器静默忽略，有些会破坏默认行为，还有些必须搭配其他属性才起作用。
哪些全局属性在 <a> 上真正可用
<a> 是少数几个对全局属性“挑食”的元素之一。真正稳定生效的只有：id、class、data-*、title、lang、dir、style、tabindex（需显式设为 "0" 或负值）、hidden。
-
contenteditable="true"加在<a>上不会报错，但光标无法进入——除非同时加tabindex="0"；即便如此，点击仍会触发跳转，不是理想编辑区 -
draggable="true"可用，但默认<a>已可拖（如拖链接到地址栏），显式声明仅在需要阻止默认拖动时才有意义 -
spellcheck对<a>无效：它只作用于可编辑文本容器，而普通链接不可编辑 -
inert在 Chrome 122+ / Firefox 125+ 才支持，旧版下加了也无反应，不能靠它临时禁用链接
tabindex 和 href 的冲突点
给 <a href="https://example.com"> 加 tabindex="0" 会让它进入 tab 流，但若同时加 onclick="return false" 或 preventDefault()，焦点能进、跳转被拦——这容易造成可访问性断裂：屏幕阅读器用户听到“链接”，却点不动。
- 如果只是想让非
href链接（如<a onclick="doSomething()">）可聚焦，必须加tabindex="0"，否则键盘用户根本碰不到它 - 如果
href存在但逻辑上不该跳转（比如 JS 控制路由），建议改用<button type="button">，语义更准，无需 hacktabindex -
tabindex="-1"可用于编程聚焦（如搜索后自动聚焦到首个结果链接），但它不参与自然 tab 流，别误当"0"用
data- 属性在链接中的典型误读
<a href="/user/123" data-user-id="123" data-track="profile">Profile</a> 看起来没问题，但 JS 里取值稍有不慎就拿空：
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
立即学习“前端免费学习笔记（深入）”；
- HTML 写
data-user-id="123"，JS 必须用el.dataset.userId（连字符变驼峰，首字母小写），dataset.userid或dataset.Userid都是undefined - 如果属性名含数字开头，如
data-2fa-enabled，不能写dataset.2faEnabled（语法错误），得用dataset["2fa-enabled"] - 所有
dataset值都是字符串，el.dataset.userId === 123是false，要转类型：Number(el.dataset.userId)或parseInt()
hidden 与 display: none 在链接上的表现差异
hidden 属性会让链接从渲染树中移除，且不占布局空间，但更重要的是：它同时禁用交互和可访问性暴露——screen reader 不读、focus() 失败、click() 无响应。
- 用
hidden是“彻底隐藏 + 禁用”，适合条件性展示的链接（如权限不足时直接不渲染） - 用
style="display: none"也能隐藏，但某些 JS 仍可能意外调用.focus()或.click()，浏览器不会报错，但行为不可预测 - 千万别混用：
<a hidden style="display: block">——hidden优先级更高，display被覆盖，但开发者容易误以为样式还能起作用
最常被忽略的是：全局属性不是“写了就生效”，而是“写了 + 满足上下文 + 浏览器支持 + 无冲突”才真正起效。尤其是 <a> 这种语义强、行为固定的元素，硬塞某些全局属性反而会绕开浏览器默认保障机制。
