title属性在移动端基本无效，因ios safari完全禁用、android长按极难触发，且无焦点管理、不可键盘操作；替代方案应采用aria-label、aria-describedby配合js触控逻辑实现可控提示。
title属性在iOS Safari和Android浏览器里根本不会触发
移动端没有hover状态，iOS Safari完全禁用title提示，Android浏览器长按也极难唤出，且不支持键盘聚焦、无焦点管理。写<div title="删除"></div>在桌面端可能显示小黄框，到手机上就是彻底静默——这不是bug，是规范行为。
为什么加tabindex="0"也不行
旧版Safari曾要求非交互元素（如<div>）加<code>tabindex="0"才能触发title，但实际带来新问题：
- 该元素会进入Tab键导航流，破坏原有焦点顺序
- 屏幕阅读器会把它当作可操作控件朗读，语义错误
- 现代iOS Safari已不再响应这种hack，加了也白加
-
tabindex不能解决长按无反馈、无触控事件绑定的问题
真正能落地的移动端气泡替代方案
必须放弃“让title在移动端工作”的执念，改用可控路径：
- 对图标类按钮，优先用
aria-label（如<button aria-label="删除"></button>），确保屏幕阅读器可读 - 需视觉提示时，用
aria-describedby关联真实DOM：<button aria-describedby="tip-1"></button>+<div id="tip-1" role="tooltip" hidden>点击后不可恢复</div> - 触控触发靠
touchstart+setTimeout模拟长按，但必须加防误触逻辑（比如touchend清除定时器） - 若需样式定制、箭头、跟随滚动等，CSS
:hover+::after在iOS Safari无效，必须用JS监听touchstart并手动show()自定义<div>气泡 <h3>表格中<code><td title="...">为何在手机上总失效 <p>表格单元格加<code>title是桌面端最简方案，但在移动端依然归零：- 即使
<td>语义合理，iOS Safari也不会响应悬停或长按 <li>Android部分浏览器长按只弹系统菜单（复制/分享），不触发title</li> <li>若<code><td>内含<code>pointer-events: none或父级overflow: hidden，连桌面端都失效 - 内容超30字符后自动截断+折行混乱，移动端更难识别有效信息
真正要兼容触屏，就得接受：title只是桌面兜底项，不是跨端解决方案。任何依赖它做核心提示的设计，上线后在真机上大概率静音。
- 即使
