
html 中无法通过 `alt` 属性为 `` 标签本身设置悬停提示,但可使用 `title` 属性实现鼠标悬停时显示“exit fullscreen”等友好提示,该属性语义正确、浏览器原生支持且无需 javascript。
在 HTML 中,alt 属性仅适用于 、、 等替换内容元素,用于提供图像的替代文本(对无障碍访问和 SEO 至关重要)。而 标签本身不接受 alt 属性——试图添加如 alt="Exit Fullscreen" 不仅无效,还会导致 HTML 验证失败。
正确的做法是使用标准、语义化且广泛支持的 title 属性。它专为提供额外的、非关键的提示信息而设计,浏览器会在用户将鼠标悬停于元素上时自动显示工具提示(tooltip):
@@##@@
✅ 优势说明:
- ✅ 语义合规:title 是 的合法全局属性,W3C 验证通过;
- ✅ 无障碍友好:屏幕阅读器通常会朗读 title 内容(尽管优先级低于 alt 和 aria-label);
- ✅ 无需脚本:纯 HTML 即可生效,轻量可靠;
- ✅ 兼容性强:所有现代浏览器及主流旧版浏览器均支持。
⚠️ 注意事项:
- title 提示延迟显示(通常需悬停约 0.5–1 秒),且移动端无 hover 行为,故不可作为核心功能依赖(例如不能替代按钮文字或 aria-label);
- 若需更强的可访问性保障,建议同时为 添加 aria-label(尤其当链接内无可见文本时):
@@##@@
- 避免滥用 title 填充冗长说明;简洁、动词开头(如 “Exit Fullscreen”)更符合用户预期。
总结:为 onClick 链接添加悬停提示,请始终选用 title 属性而非误用 alt;配合语义化的 alt(用于图片)与可选的 aria-label(增强可访问性),即可构建健壮、合规、用户体验优良的交互元素。










