简单的工具提示 - 标题属性?

时间:2012-06-22 18:15:39

标签: html tooltip

当我想在用户鼠标悬停在一个对象上时显示一条消息,最近我只是在我的html标签上使用 title 属性,因为它很简单并且不会自动离开屏幕。

问题:使用标题属性是否依赖于工具提示?

忽略您无法自定义的事实,我对使用自定义工具提示的功能感到好奇(例如标准用户如何与之交互)。例如,我读到的specific web-comic使用 title 属性在您将鼠标悬停在其上时添加一个机智的注释/ factoid。然而似乎没有多少人知道它。

因此,似乎标题可能适用于评论,甚至可以说是图片的作者,但这对于真正简单的工具提示是否有用?

考虑到一个“真正的”工具提示,你通常需要1-2个额外的元素,css(取决于你如何设置它,可能还有一些用于放置的内联样式),甚至可能是java脚本,是 title 属性不好使用,因为(再次)它无法自定义,通常是关于元素的一个小的非主题细节,并且仅在设定的时间后出现。

注意:如果它有帮助(值得深思),我现在提出这个问题的情况是,我喜欢当网站有[?]之类的东西让你将鼠标悬停在找到更多细节而不将它们推入页面,从而保持简单。 此外,我从w3schools学习了html,他们从未提及 title 属性,所以不确定它们的用途/应该用于什么。 (是的,提到w3schools部分是一个(坏)尝试获得同情)

我发现这个问题有点奇怪,因为考虑到SO会使用它们很多,但我可以随意假设我对它一无所知......好吧......我真的没有这样做。

3 个答案:

答案 0 :(得分:5)

不应使用title属性(@title)。

  1. 每个浏览器都使用@title做自己的事情,即使它看起来一样。
  2. 对于刚刚使用键盘的人,他们无法获取@title中的信息。
  3. 从移动设备访问该网站的人无法获取该信息。
  4. 有些但不是所有的辅助技术都可以在@title中获取信息
    1. some允许在启用后读取。其中没有多少人(用户)知道。
    2. 其他技术只是忽略链接文本并仅读取@title。
  5. 4.2的例外:

    <a href="#" title="Are you sure?">Delete your account</a>
    

    这将是:

      你确定吗?链路

    进一步阅读:PG: Title attribute

答案 1 :(得分:0)

首先,帽子问你的问题。好想法。我想我们人[我说的像我这样的业余编码员]不需要开发一个大型网站,或者缺乏专业知识。我们只需要以优化的方式完成我们的工作。因此,类似地,我也遇到了使用 title 作为工具提示的几乎所有脚本。猜猜看,这是解决它的简单方法。此外,只要工具提示具有吸引力,并不慢,并满足我们的需求:它一切都很好。

答案 2 :(得分:0)

title属性简单,简单。这不可靠。实际上没有工具提示机制,但title属性生成的工具提示具有相当差的可用性:字体很小,行控制问题,定时消失,没有办法(对于普通用户)使其保持不变以便你可以即使你是一个慢读者,实际上读它。此外,通常没有提示用户提供工具提示的可用性。