title属性仅在悬停时显示纯文本提示，不支持HTML、换行及移动端交互；应简短补充链接目的，避免冗余；需用aria-label+自定义tooltip实现无障碍与样式控制。
title 属性加文字说明，浏览器默认只显示纯文本
给 <a></a> 标签加 title 属性是最直接的方式，但要注意：它不会改变链接外观，只在鼠标悬停时触发提示框，且内容必须是纯字符串，不能含 HTML 标签或换行。
常见错误是把 title 当成“副标题”硬塞进页面结构里，结果发现点不开、不换行、样式无法控制——它真就只是个提示，不是 UI 组件。
-
title值里写<strong>警告</strong>？浏览器会原样显示这串字符，不会加粗 - 想换行显示两行说明？用
\n或 - 移动端几乎不触发
title提示（iOS Safari 完全不支持 hover 行为）
title 内容要简短，别堆砌关键词
搜索引擎和屏幕阅读器会读取 title，但它不是 SEO 主力字段，也不该重复 href 或 text 已有的信息。重点补足「为什么点这个链接」或「点后会发生什么」。
比如链接文字是「下载 PDF」，title="2024 年度报告（12MB，PDF 格式）" 比 title="点击下载 PDF 文件" 有用得多。
Wechat Article Html
下载
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
- 避免冗余：链接文字已是「联系我们」，就别再写
title="点击联系我们的客服团队" - 注意长度：超过 60 字符可能被截断，尤其在小屏幕或高缩放比例下
- 特殊字符需转义：比如双引号要用
"，否则破坏 HTML 结构
替代方案：需要交互或样式控制就别用 title
如果提示要带图标、颜色、延迟出现、支持键盘焦点（如 Tab 键导航），title 完全不够用。得用 ARIA + 自定义 tooltip 实现。
基础做法是移除 title，改用 aria-label（供读屏器识别）配合 CSS/JS tooltip：
<a href="/report.pdf" aria-label="下载 2024 年度报告（PDF，12MB）">下载 PDF</a>
-
aria-label不触发视觉提示，但对无障碍访问更可靠 - 自定义 tooltip 需监听
focus和mouseenter，不能只靠 hover - 别忘了用
aria-hidden="true"控制 tooltip 元素是否被读屏器跳过
检查是否生效：别只看鼠标悬停
很多开发者只在桌面 Chrome 里 hover 一下就认为 OK 了，但实际场景远比这复杂。
- 用 VoiceOver（macOS）或 NVDA（Windows）测试读屏器是否读出
title或aria-label - 在 iOS Safari 和 Android Chrome 里长按链接，看是否弹出「打开/复制/分享」菜单——
title不会出现 - 禁用 CSS 后检查提示文字是否仍可读（避免依赖样式才显示）
- 如果链接是 JS 动态插入的，确保
title属性在插入 DOM 时已存在，而不是后续用 JS 补
真正难的不是加一行 title="xxx"，而是判断这个提示在谁眼里可见、以什么方式起作用、有没有被其他属性覆盖（比如同时写了 aria-label，它会优先于 title 被读屏器采用）。
