17

在工具提示的引导文档中，它使用<a href="#" rel="tooltip" title="first tooltip">hover over me</a>. 工具提示只是装饰性的。不是 css 样式，而只是一些 JS 来更改标题属性的呈现方式。

“rel”属性用于告诉机器人（例如 google）链接的性质。选项包括备用、作者、书签、帮助、许可证、下一个、nofollow、noreferrer、预取、上一个、搜索和标记。

rel = "tooltip"由于工具提示是装饰性的，没有说明链接的性质，并且不是机器人或浏览器可以解释的，因此使用它是不是不好的做法？

4

3 回答 3

14

使用rel="tooltip"您的文档不会通过 W3C 网络标准验证。

您将从W3C 验证器收到此错误：

元素 a 上属性 rel 的错误值工具提示：不是绝对 IRI。字符串工具提示不是注册的关键字或绝对 URL。

最好使用以下类标识工具提示链接：
<a href="#" class="tooltip" title="first tooltip">hover over me</a>

  • 但是，正如您已经提到的，浏览器不会以任何方式使用 rel 属性，但它可能会影响您在搜索引擎中的排名。Google 建议验证您的文档并“编写好的、干净的 HTML”。
  • rel 属性对于屏幕阅读器等可访问性工具也可能很有趣。
于 2013-01-25T07:54:46.687 回答
10

或者很容易你可以rel用data-rel属性替换（这是绝对有效的）。

例子：

$("a[data-rel]").tooltip();
于 2013-10-13T07:56:38.190 回答
1

Bootstrap文档建议使用data-toggle="tooltip"，例如：

<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>

并通过以下方式启用它们：

$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})
于 2014-12-23T16:27:51.627 回答