正確使用HTMLtitle屬性的建議

　　如果你想對使用手機，平板電腦和輔助技術的用戶隱藏某些內容，而只對鍵盤用戶顯示，那么請使用title屬性。就跟隨小編一起去了解下吧！

　　細節

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

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

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

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

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

　　title屬性不友好用戶如下

　　手機用戶

　　僅使用鍵盤的用戶

　　使用屏幕放大器的用戶

　　屏幕閱讀器用戶

　　精細運動技能障礙的用戶

　　認知障礙的用戶

　　title屬性有用的例子：

　　為frame或iframe元素貼上標簽：

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

　　數據表格中的標簽控件。

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

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

　　newsletter

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

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

　　newsletter

　　建議不要復制鏈接內容作為title屬性。這其實相當于什么都沒做。

　　用于圖像的標題：

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

　　大概標題信息是最重要的信息，應該能被所有用戶默認訪問。如果是這樣，那么這個內容應該緊挨著圖片。

　　用來代替表單的標簽，去掉可見的文本標簽：

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

　　為表單元素提供和可見的標簽內容相同的信息：

　　name

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

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

　　name

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

　　作為縮寫的擴展：

　　W3C

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

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

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

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

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

　　拓展：編輯方式

　　1.編輯

　　HTML其實是文本，它需要瀏覽器的解釋，它的編輯器大體可以分為以下幾種：

　　基本文本、文檔編輯軟件，使用微軟自帶的記事本或寫字板都可以編寫，當然，如果你用WPS或Word來編寫也可以，不過保存時請使用.htm或.html作為擴展名，這樣就方便瀏覽器認出直接解釋執行了。

　　半所見即所得軟件，如：FCK-Editer、E-webediter等在線網頁編輯器；尤其推薦：Sublime Text代碼編輯器（由Jon Skinner開發，Sublime Text2收費但可以無限期試用）。

　　所見即所得軟件，使用最廣泛的編輯器，完全可以一點不懂HTML的知識就可以做出網頁，如：AMAYA（出品單位：萬維網聯盟）；FRONTPAGE（出品單位：微軟）；Dreamweaver（出品單位Adobe）。Microsoft Visual Studio（出品公司：微軟）：其中所見即所得軟件與半所見即所得的軟件相比，開發速度更快，效率更高，且直觀的表現更強。任何地方進行修改只需要刷新即可顯示。缺點是生成的代碼結構復雜，不利于大型網站的多人協作和精準定位等高級功能的實現。

　　2.字符集

　　除了常見的ASCII字符和漢字，HTML還有許多特殊字符，它們一起構成了HTML字符集。有2種情況需要使用特殊字符，一是網頁中有其特殊意義的字符，二是鍵盤上沒有的字符。HTML字符可以用一些代碼來表示，代碼可以有2種表示方式。即字符代碼（命名實體）和數字代碼（編號實體）。字符代碼以“&”符開始，以分號";"結束，其間是字符名，如®。數字代碼也以“&#”符開始，以分號";"結束，其間是編號，如。

　　3.數據類型

　　超文本標記語言定義了多種數據類型的元素內容，如腳本數據和樣式表的數據，和眾多類型的屬性值，包括ID、名稱、URI、數字、長度單位、語言、媒體描述符、顏色、字符編碼、日期和時間等。所有這些數據類型都是專業的字符數據。

【正確使用HTMLtitle屬性的建議】相關文章：

正確使用HTML中title屬性的一些建議10-09

如何正確使用遠光燈05-29

如何正確使用遠光燈的技巧05-31

如何正確使用車燈09-15

《正確使用說明的方法》教案07-01

學會正確使用筷子幼兒教案05-04

如何正確使用安全帶08-14

新手開車如何正確使用ABS06-13

夜間路考如何正確使用燈光08-19

如何正確的使用普通話的音調09-28