rel =“tooltip”，是不好的做法？

Question

在工具提示的bootstrap文档中，它使用<a href="#" rel="tooltip" title="first tooltip">hover over me</a>。工具提示只是化妆品。不是css样式，而只是一些JS来改变title属性的呈现方式。

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

使用rel = "tooltip"是不是不好的做法，因为工具提示是装饰性的，没有提及链接的性质，也不是机器人或浏览器可解释的？

Answer 1

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

您将从W3C validator

中收到此错误

  

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

更好，识别工具提示链接与类类似：
<a href="#" class="tooltip" title="first tooltip">hover over me</a>

• 但是，浏览器不会以任何方式使用rel属性 你已经提到了，但它可能会影响你在搜索中的排名 发动机即可。 Google suggests验证您的文档和 “写好，干净的HTML”。
• rel属性也可以是 对于像屏幕阅读器这样的辅助功能工具很有意思。

Answer 2

或者您可以轻松地将rel替换为data-rel属性（绝对有效）。

示例：

$("a[data-rel]").tooltip();

Answer 3

Bootstrap documentation建议使用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()
})