title 属性在 标签中仅在桌面端悬停时显示，需满足非触摸设备、pointer-events 未禁用、浏览器未屏蔽 tooltip 等条件；移动端不触发，非 bug 而是规范行为。
title 属性在 @#@#@#@#@#@#@#@#@#@0 不会显示任何提示
title=" 链接到首页 " 两端空格会被浏览器截断或忽略@#@#@#@#@#@#@#@#@#@1），加 title="联系我们页面" 属于冗余，反而增加维护负担title 和 aria-label 冲突吗？
不冲突，但行为不同：title 是视觉悬停提示，aria-label 是无障碍语义描述。两者同时存在时，屏幕阅读器通常优先读 aria-label，而鼠标悬停仍显示 title。
典型合理组合：
<a href="/report.pdf" title="2024年度安全报告（PDF，2.1MB）" aria-label="下载2024年度安全报告 PDF 文件">安全报告</a>
这里 title 补充了文件大小和格式这类视觉辅助信息，aria-label 则明确动作+内容+格式，各司其职。
替代 title 实现“真正可见”的链接预览
如果目标是让用户在点击前明确知道链接去向或内容，更健壮的做法是显式呈现：
- 在链接旁加
<small></small>或图标提示：@#@#@#@#@#@#@#@#@#@2 <small>(新窗口打开)</small> - 用 CSS +
::after伪元素补充图标或标识，例如外链加 ↗ 符号，PDF 加 ? - 对重要操作链接（如删除、导出），改用按钮 + 模态确认，而不是依赖悬停提示
原生 title 的最大限制在于不可控：你无法设置样式、延迟、位置，也不能绑定事件或做埋点。一旦需求超出“简单悬停提示”，就得主动放弃它。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
