2013-01-24 14 views
13

ツールチップのブートストラップのドキュメントでは、<a href="#" rel="tooltip" title="first tooltip">hover over me</a>が使用されています。ツールチップはただ美容的です。 CSSスタイルではなく、タイトル属性の表示方法を変更するJSのビット。rel = "ツールチップ"、それは悪い習慣ですか?

「rel」属性は、リンクの性質についてボット(googleなど)に伝えるためのものです。オプションは、代替、作成者、ブックマーク、ヘルプ、ライセンス、次、nofollow、noreferrer、プリフェッチ、prev、検索、およびタグです。

rel = "tooltip"を使用するのは悪いことではありませんが、ツールチップは美容的であり、リンクの性質について何も言及していません。

+2

注意([ソース](https://github.com/twitter/bootstrap/pull/6380))。 – Sara

答えて

11

rel="tooltip"を使用すると、の文書では、W3CのWeb標準でが有効になりません。

あなたはW3C validatorからこのエラーが発生します:属性のrelのための

悪い値ツールチップを要素に:ない絶対IRIを。 文字列ツールチップが登録されたキーワードまたは絶対URLではありません。

それは、クラスとツールチップリンクを特定するように、より良いでしょう:
しかし、rel属性は以下のように、どのような方法で、ブラウザで使用されていない <a href="#" class="tooltip" title="first tooltip">hover over me</a>

  • あなたはすでに言及しましたが、が検索のランキングに影響する場合があります エンジンあなたのドキュメントを検証するにはGoogle suggests、 を「良い、きれいなHTMLを書く」に設定してください。
  • rel属性は 興味がありますアクセシビリティのスクリーンリーダーのようなツールです。
+0

@Bryan Ashの回答はツールチップには問題ありません。 –

7

また、rel-wit data-rel属性(これは絶対に有効です)を簡単に置き換えることができます。

例:

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

+1これには多くの利点があり、class属性と区別します。私はこれが最良の代替ソリューションだと思う。 – Jessycormier

1

ブートストラップdocumentationdata-toggle="tooltip"、例えばを使用することを提案:

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

と、それらを有効にする:これはブートストラップ2.3で変更されます

$(function() { 
    $('[data-toggle="tooltip"]').tooltip() 
}) 
関連する問題