2013-01-24 41 views
13

在工具提示的引導文檔中,它使用<a href="#" rel="tooltip" title="first tooltip">hover over me</a>。工具提示只是整容。不是CSS樣式,只是JS的一部分來改變title屬性的呈現方式。rel =「tooltip」,這是不好的做法?

「rel」屬性用於告訴bot(例如google)關於鏈接的性質。選項包括備用,作者,書籤,幫助,許可,下一步,nofollow,noreferrer,prefetch,prev,搜索和標記。

使用rel = "tooltip"是不是不好的做法,因爲工具提示是表面化妝品,沒有提到鏈接的性質,並且不是其他的機器人或瀏覽器可解釋的?

+2

注意,這將在自舉2.3改變([源(https://github.com/twitter/bootstrap/pull/6380))。 – Sara

回答

11

通過使用rel="tooltip"您的文檔將不驗證W3C網絡標準的

您將從W3C validator得到這個錯誤:屬性的相對

值錯誤提示元素的上:不是一個絕對的IRI。 字符串工具提示不是註冊關鍵字或絕對URL。

這將是更好,標識提示鏈接像類:
<a href="#" class="tooltip" title="first tooltip">hover over me</a>

  • 然而,rel屬性是不以任何方式使用的瀏覽器,如 你已經提到過,但它可能會影響你在搜索排名 引擎Google suggests驗證您的文檔並 「編寫良好,乾淨的HTML」。
  • rel屬性也可能是 有趣的可訪問性工具如屏幕閱讀器。
+0

@Bryan Ash答案罰款工具提示。 –

7

或者您可以輕鬆地替換rel-data-rel屬性(這是絕對有效的)。

例如:

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

+1這有很多好處,並將它與class屬性分開;我認爲這是最好的替代解決方案。 – Jessycormier

1

引導程序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() 
}) 
相關問題