如果你想對使用手機(jī)，平板電腦和輔助技術(shù)的用戶隱藏某些內(nèi)容，而只對鍵盤用戶顯示，那么請使用title屬性。

細(xì)節(jié)

HTML的title屬性本身有問題。之所以有問題是因為它在一些重要的方面表現(xiàn)的不夠好，盡管它陪伴我們超過14年了。隨著觸摸設(shè)備的興起，這個屬性的作用進(jìn)一步降低。title屬性的可訪問性變得很雞肋，由于缺少瀏覽器的支持，屏幕閱讀器的支持和制作人員的重視。

下列情況下title屬性由于缺乏支持變得多余：

對于在手機(jī)瀏覽器里訪問web內(nèi)容信息的人。通常title屬性的內(nèi)容在桌面瀏覽器里顯示為提示信息。據(jù)我所知，沒有任何手機(jī)瀏覽器支持顯示提示信息，并且也沒有其他訪問title屬性內(nèi)容的視覺方法。

對于那些無法使用鼠標(biāo)的人提供信息。通常title屬性的內(nèi)容在桌面瀏覽器里顯示為提示信息。雖然提示信息的行為已經(jīng)有10多年歷史，但一直沒有瀏覽器實現(xiàn)使用鍵盤顯示title屬性的方法。

對于在大多數(shù)HTML元素上使用它為使用各種輔助技術(shù)的人提供信息。據(jù)我所知屏幕閱讀器對訪問title屬性信息一致不支持。

title屬性不友好用戶如下

手機(jī)用戶

僅使用鍵盤的用戶

使用屏幕放大器的用戶

屏幕閱讀器用戶

精細(xì)運動技能障礙的用戶

認(rèn)知障礙的用戶

title屬性有用的例子：

為frame或iframe元素貼上標(biāo)簽：

<frame title="navigation">

提供需要程序才能實現(xiàn)的在特殊情況下才顯示的標(biāo)簽，直接使用可見的文本標(biāo)簽會顯得多余：

<input type="text" title="search"> <input type="submit" value="search">

數(shù)據(jù)表格中的標(biāo)簽控件。

title屬性無用或用處不大的例子：

為不能作為文本的鏈接或周圍內(nèi)容添加額外信息：

<a href="newsletter.PDF" title="PDF file, size 1 mb.">newsletter</a>

相反這樣的信息應(yīng)該作為鏈接文本的部分或在鏈接的旁邊。

提供和鏈接文本相同的信息：

<a href="newsletter.PDF" title="newsletter">newsletter</a>

建議不要復(fù)制鏈接內(nèi)容作為title屬性。這其實相當(dāng)于什么都沒做。

用于圖像的標(biāo)題：

<img src="castle1858.jpeg" title="Oil-based paint on canvas. Maria Towle, 1858."

alt="The castle now has two towers and two walls.">

大概標(biāo)題信息是最重要的信息，應(yīng)該能被所有用戶默認(rèn)訪問。如果是這樣，那么這個內(nèi)容應(yīng)該緊挨著圖片。

用來代替表單的標(biāo)簽，去掉可見的文本標(biāo)簽：

<input type="text" title="name">

屏幕閱讀器的用戶將會訪問表單元素的標(biāo)簽，由于title屬性被列入可訪問性api內(nèi)的屬性名稱（當(dāng)文本標(biāo)簽使用標(biāo)簽元素時是不被支持的）。許多其他用戶并不如此。建議盡可能包括一個可見的文本標(biāo)簽。

為表單元素提供和可見的標(biāo)簽內(nèi)容相同的信息：

<label for="n1">name</label> <input type="text" title="name" id="n1">

重復(fù)可見的標(biāo)簽文本不可能除了添加一系列的用戶認(rèn)知噪聲。不做它。重復(fù)可見的標(biāo)簽文本除了添加一系列令人討厭的認(rèn)知噪聲外，似乎沒有其他作用，停止這種用法。

為表單元素提供額外的指令：

<label for="n1">name</label> <input type="text" title="Please use uppercase."id="n1">

如果這指令對于正確的使用表單元素非常重要，請在元素周圍提供文字信息，確保每個用戶都能讀到。

作為縮寫的擴(kuò)展：

<abbr title="world wide web consortium">W3C</abbr>

雖然abbr元素的title屬性被屏幕閱讀器軟件所支持，但使用它仍然是有問題的，因為其他用戶群無法使用。建議當(dāng)縮寫詞在文檔中首次出現(xiàn)時提供文本格式的全稱，或提供全稱形式的術(shù)語表。這并不是說不可以使用title屬性，因其具有局限性，應(yīng)該提供文本形式的全稱。

HTML 5.1 包括使用title屬性的一般性建議：

依賴title屬性目前是不被鼓勵的，由于許多用戶代理不能按照規(guī)范的要求顯示這個屬性（如需要鼠標(biāo)指針設(shè)備引起提示信息的顯示，排除了僅使用鍵盤的用戶和觸摸屏用戶）

用title屬性代替img元素的alt屬性或作為圖片的標(biāo)題是被禁止的

依托title屬性目前來看是被禁止的，由于許多用戶代理對這屬性的可訪問性支持很弱……