rel="help"需配合aria-describedby或嵌入label内绑定控件才有效，单独使用无功能；应避免混用title，优先用页面内锚点并确保帮助内容可访问、可返回。
rel="help" 在表单中怎么用才有效
直接写 rel="help" 不会自动弹出提示框或显示帮助内容——它只是个语义标记，浏览器和辅助技术（比如屏幕阅读器）靠它识别“这个链接是为当前控件提供帮助的”，但具体怎么呈现，得你来配合实现。
必须绑定到对应表单控件才能被正确识别
单独放一个 <a href="..." rel="help">? 链接在页面任意位置，屏幕阅读器大概率不会把它和某个 <input> 关联起来。要让它起作用，得明确建立关系：
- 用
aria-describedby指向 help 链接的id，例如：<input aria-describedby="email-help"><a id="email-help" href="/help#email" rel="help">什么是有效邮箱？</a> - 或者把 help 链接放在
<label>内，且 label 用for绑定控件（最简方式）：<label for="age">年龄 <a href="/help#age" rel="help">(?)</a></label><input id="age" name="age"> - 避免把
rel="help"用在按钮、提交链接上——它只适用于解释当前字段含义或格式要求的上下文
rel="help" 和 title 属性别混用
title 是悬停提示，rel="help" 是结构化语义。两者目的不同，但容易被当成替代方案：
-
title在移动设备上基本不可见，且不被所有读屏软件可靠读取；rel="help"+aria-describedby才是可访问性推荐路径 - 不要写成
<a href="..." rel="help" title="点击查看邮箱格式说明">——title冗余，还可能干扰辅助技术对 help 语义的理解 - 如果真要加视觉提示，用 CSS 控制
a[rel="help"]样式（比如加问号图标），而不是依赖title
常见错误：help 链接跳转后丢失上下文
用户点开 rel="help" 链接，结果跳转到新页面或锚点，却找不到返回原字段的快捷方式，体验断裂：
立即学习“前端免费学习笔记（深入）”；
- 优先用同一页面内锚点（如
href="#help-email"），并确保目标区域有足够描述（比如<section id="help-email"><h2>邮箱格式说明</h2><p>需包含 @ 符号…</p></section>） - 如果必须跳转外部页面，加上
target="_blank"和rel="noopener"，同时在链接文案里说明（例如：<a href="https://example.com/help/email" rel="help noopener" target="_blank">邮箱格式详细说明（新窗口）</a>） - 别让 help 链接指向 404 或空页面——
rel="help"的价值全靠实际内容支撑，没内容时语义反而造成误导
真正起作用的从来不是 rel="help" 这三个字，而是它背后那条可访问、可定位、可理解的帮助路径。漏掉 aria-describedby 或没配好锚点，就等于挂了个空标签。
