我可以依賴顯示爲工具提示的標題屬性嗎？

我們一直在編寫簡單的工具提示到我們的網站一段時間，只是意識到我們可以通過簡單地使用「title」屬性來完成同樣的事情。任何我們不應該使用title屬性作爲工具提示的理由？是否有任何瀏覽器不支持此功能？（w3schools似乎表明所有主流瀏覽器均支持此功能。）我可以依賴顯示爲工具提示的標題屬性嗎？

來源

2011-09-19 froadie

所有主流瀏覽器均支持title。但是你沒有能力展示這種自定義工具提示：http://www.dreamcss.com/2009/03/list-of-25-javascriptajax-css-tooltip.html

你見過用戶在SO上的懸停卡（本站）嗎？如果他們使用了標題，則可能無法顯示如此精彩的工具提示。

來源

2011-09-19 07:35:19

感謝您的提示:)我們有一個更復雜的工具提示，當我們需要它時。我們只是需要一些非常簡單的工具提示，而不是編碼，我們可以使用標題屬性 – froadie

@Froadie：是的簡單提示（主要是一行）不需要使用自定義工具提示。你可以使用它的標題。 –

這是一個標準，你應該很安全。

見http://www.w3.org/TR/html4/struct/global.html#h-7.4.3

來源

2011-09-19 07:35:54

從您鏈接到的文章 - 「視覺瀏覽器經常將標題顯示爲'工具提示'」。這聽起來並不普遍...... – froadie

所有主流瀏覽器確實支持工具提示，可以隨意使用title屬性他們。我會提醒你，爲了可訪問性（主要用於低視力用戶和盲人用戶）和容錯性（例如，如果圖像加載失敗或用戶正在使用圖像阻止用戶），您還提供alt屬性來鏡像標題代理來自慢速連接）。

來源

2012-03-29 18:51:50

它出現的確很慢（在Chrome上是1或2），我懷疑現代互聯網用戶是否有足夠的耐心等待它展示。

您可以使用第三方插件或使用jQuery的「mouseenter」和「mouseleave」事件自己硬編碼（我大部分時間都是這樣做的）。虛擬代碼如下： HTML：

<button id="button-awesome">Awesome</button> 
 

 
<div class="tooltip" style="display:none"> 
 
This is a button 
 
</div>

的JavaScript/jQuery的：

$('#button-awesome').on('mouseenter', function() { 
 
    show Tooltip // toggle, or slideToggle, or .css("display","block") or .removeClass('hidden') 
 
}).on('mouseleave', function() { 
 
    // undo what you've just done. 
 
});

來源

2015-04-20 19:30:02 benjaminz

要小心，當談到移動瀏覽器。它大多不支持那裏。

來源

2017-08-29 12:49:52 magos

我可以依賴顯示爲工具提示的標題屬性嗎？

回答

相關問題