<a>标签不能使用alt属性，因其仅适用于<img>、<area>、<input type="image">；应改用title属性提供悬停提示，或通过语义化链接文本、aria-label、visually-hidden等方式提升可访问性。
alt 属性不能用在 <a> 标签上 —— 浏览器会忽略它，HTML 规范也明确禁止。
为什么 <a> 标签没有 alt 属性
alt 是专为图像类替换内容设计的语义属性，只允许出现在 <img>、<area>、<input type="image"> 这三个元素上。W3C 和 WHATWG 规范都未给 <a> 定义 alt，所以即使你写了 <a href="#" alt="跳转到首页">首页</a>，浏览器既不渲染、也不校验、更不会读取该值。
常见错误现象：
- 开发者误以为
alt能像在<img>中那样提供可访问性支持，结果屏幕阅读器完全跳过这个“伪属性” - 某些旧版编辑器或 Linter 会静默忽略，但现代 HTML 验证器（如 W3C Validator）会报 warning 或 error
<a> 标签能用的只有 title 属性
title 是通用全局属性，<a> 可以合法使用它，作用是提供悬浮提示文本（tooltip），但要注意它的局限性：
立即学习“前端免费学习笔记（深入）”；
- 仅在鼠标悬停时触发，触屏设备无 hover 状态，基本不显示
- 对屏幕阅读器的支持不可靠：部分读屏软件会读出
title，但不是强制行为，且可能打断正常朗读流 - 搜索引擎极少将其用于页面理解，SEO 权重几乎为零
- 字符长度无硬性限制，但多数浏览器会在 tooltip 中截断（Chrome 约 256 字符，Firefox 约 60–100 字符可见）
想让链接更可访问？别依赖 title，改用正确方式
真正提升 <a> 可访问性的做法不是加 title，而是优化链接本身：
- 链接文字必须语义明确，比如用
<a href="/contact">联系我们</a>，而不是<a href="/contact">点击这里</a> - 若需补充说明，用
<span class="visually-hidden">（外部链接，将在新窗口打开）</span>配合 CSS 隐藏视觉样式，但保留在 DOM 中供读屏器识别 - 必要时配合 ARIA 属性，例如
aria-label="跳转到 GitHub 仓库（外部链接）"，它会覆盖链接文本并被读屏器优先读出 - 避免把重要信息只塞进
title—— 它不是内容载体，只是辅助提示
容易被忽略的一点：title 在 <a> 内部嵌套 <img> 时，行为取决于具体结构。如果写成 <a href="#" title="GitHub"><img src="logo.png" alt="GitHub"></a>，那么鼠标悬停整个链接区域时显示的是 <a> 的 title；而 <img> 自身的 alt 仍只在图片加载失败时生效 —— 两者互不干扰，也互不替代。
