17

ツールチップのブートストラップドキュメントでは、を使用しています<a href="#" rel="tooltip" title="first tooltip">hover over me</a>。ただし、ツールチップは見た目だけです。cssスタイルではなく、タイトル属性の表示方法を変更するためのJSのほんの少しです。

「rel」属性は、リンクの性質についてボット（googleなど）に通知するために使用されます。オプションは、alternate、author、bookmark、help、license、next、nofollow、noreferrer、prefetch、prev、search、およびtagです。

rel = "tooltip"ツールチップは表面的なものであり、リンクの性質については何も述べておらず、ボットやブラウザは解釈できないため、使用するのは悪い習慣ではありませんか？

4

3 に答える 3

14

rel="tooltip"ドキュメントを使用しても、W3CWeb標準では検証されません。

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 に答える