title属性仅支持纯文本、无样式、桌面端悬停触发的简短提示，移动端基本失效，且不支持html、位置自定义或无障碍优化。
title 属性能实现什么程度的提示气泡？
title 属性确实能快速触发浏览器原生提示，但它不是“气泡”——没有样式控制、无法自定义位置、不支持 HTML 内容、移动端多数不触发（尤其 iOS Safari）。它只是 HTML 标准里最轻量的「悬停说明」机制，适合纯文本、简短、非关键提示。
表格单元格中使用 title 的正确写法
直接在 <td> 或 <code><th> 上加 <code>title 属性即可，不需要额外 JS。注意：空格和换行会被压缩成单空格，想换行得用
（但多数浏览器仍会忽略）。
| SH20240601 |
-
title值里含 - 不要放敏感信息——
title文本可被复制、屏幕阅读器朗读、甚至被爬虫提取 - 表格列宽很窄时，
title提示仍会显示，但可能被遮挡或裁剪，无办法调整偏移
为什么 table + title 在移动端基本失效？
iOS Safari 和 Android Chrome 移动版默认禁用 title 悬停行为（因为没鼠标），只在长按后短暂闪现，且不保证出现。这不是 bug，是规范适配——title 语义是「辅助说明」，不是交互控件。
- 真需要移动端提示，必须用 JS 实现（如监听
touchstart+touchend判断长按） - 若只靠
title，测试时务必在真机上验证，模拟器不可信 - 无障碍方面：
title会被部分读屏软件读出，但顺序和时机不可控，建议优先用aria-label或aria-describedby
替代方案：不用框架，手写一个轻量 tooltip
如果必须跨平台、可点击、带样式，用 10 行 JS + CSS 更可靠。核心思路：用 data-tooltip 存内容，hover/touch 触发绝对定位的 <div> 显示。
<pre class="brush:php;toolbar:false;"><td data-tooltip="库存仅剩3件，建议尽快下单">现货</td></pre>
<ul>
<li>监听 <code>mouseenter 和 touchstart，避免移动端失灵
body，避开表格 overflow: hidden 裁剪问题getBoundingClientRect()，别依赖 offsetTop/Left（表格布局下不准）复杂点不在代码长短，而在表格滚动、缩放、暗色模式下 tooltip 的跟随与可读性——这些 title 完全不管，但手写就得自己兜底。
