垂直css导航链接标题导致失去焦点[关闭]答案

【问题标题】：Vertical css navigation link titles cause loss of focus [closed]垂直css导航链接标题导致失去焦点[关闭]
【发布时间】：2011-11-01 14:48:41
【问题描述】：

我的网站的旧版本使用垂直导航栏。我无法添加“标题”属性，因为当指针位于标题弹出窗口时，这些属性会导致子菜单失去焦点。

任何人都有处理此问题的经验以及可用于解决此问题以供将来参考的代码？

如果您有任何帮助，请向我推荐任何指南。

【问题讨论】：

我个人会避免在链接上使用标题属性，除非它们提供链接文本中缺少的其他信息。在标题属性中复制链接文本的习惯不利于可访问性（屏幕阅读器会向用户阅读文本两次）并且不太可能有助于 SEO。
@drmonkeyninja：谁说标题是从链接文本中复制的？ @thejartender：我很想看这个演示，我从来没有见过你说的问题，我一直在使用标题。这真的会发生吗？你确定不是其他原因造成的？
@drmonkeyninja 标题不是元素文本的重复项。例如，标题中的 url 和元素文本的国际化文本。
@Wesley Murch 确定请访问 thejarbar.org 左侧垂直导航栏是罪魁祸首。似乎也与性能有关（不太可能在兼容 css3 的浏览器中失去关注）。
@thejartender：我在我们的网站上尝试过 FF7 和 IE8，但没有看到您所说的问题（并且没想到）。你能确认你的浏览器和操作系统吗？

【解决方案1】：

我想删除 ul 中的 title 属性。从 SEO 的角度来看，这并不重要。

【讨论】：

【解决方案2】：

自从我问这个问题已经有一段时间了，对于任何绊倒这个的人，我不得不删除我的水平导航列上的标题。不过，在使用自我解释的名称时，这应该不是问题。

这个问题也可以通过调整相关元素的CSS高度、宽度和位置来解决。

【讨论】：