- 相關(guān)推薦
正確使用HTMLtitle屬性的建議
如果你想對使用手機(jī)，平板電腦和輔助技術(shù)的用戶隱藏某些內(nèi)容，而只對鍵盤用戶顯示，那么請使用title屬性。就跟隨小編一起去了解下吧！
細(xì)節(jié)
HTML的title屬性本身有問題。之所以有問題是因?yàn)樗谝恍┲匾姆矫姹憩F(xiàn)的不夠好，盡管它陪伴我們超過14年了。隨著觸摸設(shè)備的興起，這個(gè)屬性的作用進(jìn)一步降低。title屬性的可訪問性變得很雞肋，由于缺少瀏覽器的支持，屏幕閱讀器的支持和制作人員的重視。
下列情況下title屬性由于缺乏支持變得多余：
對于在手機(jī)瀏覽器里訪問web內(nèi)容信息的人。通常title屬性的內(nèi)容在桌面瀏覽器里顯示為提示信息。據(jù)我所知，沒有任何手機(jī)瀏覽器支持顯示提示信息，并且也沒有其他訪問title屬性內(nèi)容的視覺方法。
對于那些無法使用鼠標(biāo)的人提供信息。通常title屬性的內(nèi)容在桌面瀏覽器里顯示為提示信息。雖然提示信息的行為已經(jīng)有10多年歷史，但一直沒有瀏覽器實(shí)現(xiàn)使用鍵盤顯示title屬性的方法。
對于在大多數(shù)HTML元素上使用它為使用各種輔助技術(shù)的人提供信息。據(jù)我所知屏幕閱讀器對訪問title屬性信息一致不支持。
title屬性不友好用戶如下
手機(jī)用戶
僅使用鍵盤的用戶
使用屏幕放大器的用戶
屏幕閱讀器用戶
精細(xì)運(yùn)動(dòng)技能障礙的用戶
認(rèn)知障礙的用戶
title屬性有用的例子：
為frame或iframe元素貼上標(biāo)簽：
提供需要程序才能實(shí)現(xiàn)的在特殊情況下才顯示的標(biāo)簽，直接使用可見的文本標(biāo)簽會(huì)顯得多余：
數(shù)據(jù)表格中的標(biāo)簽控件。
title屬性無用或用處不大的例子：
為不能作為文本的鏈接或周圍內(nèi)容添加額外信息：
newsletter
相反這樣的信息應(yīng)該作為鏈接文本的部分或在鏈接的旁邊。
提供和鏈接文本相同的信息：
newsletter
建議不要復(fù)制鏈接內(nèi)容作為title屬性。這其實(shí)相當(dāng)于什么都沒做。
用于圖像的標(biāo)題：
alt="The castle now has two towers and two walls.">
大概標(biāo)題信息是最重要的信息，應(yīng)該能被所有用戶默認(rèn)訪問。如果是這樣，那么這個(gè)內(nèi)容應(yīng)該緊挨著圖片。
用來代替表單的標(biāo)簽，去掉可見的文本標(biāo)簽：
屏幕閱讀器的用戶將會(huì)訪問表單元素的標(biāo)簽，由于title屬性被列入可訪問性api內(nèi)的屬性名稱(當(dāng)文本標(biāo)簽使用標(biāo)簽元素時(shí)是不被支持的)。許多其他用戶并不如此。建議盡可能包括一個(gè)可見的文本標(biāo)簽。
為表單元素提供和可見的標(biāo)簽內(nèi)容相同的信息：
name
重復(fù)可見的標(biāo)簽文本不可能除了添加一系列的用戶認(rèn)知噪聲。不做它。重復(fù)可見的標(biāo)簽文本除了添加一系列令人討厭的認(rèn)知噪聲外，似乎沒有其他作用，停止這種用法。
為表單元素提供額外的指令：
name
如果這指令對于正確的使用表單元素非常重要，請?jiān)谠刂車峁┪淖中畔ⅲ_保每個(gè)用戶都能讀到。
作為縮寫的擴(kuò)展：
W3C
雖然abbr元素的title屬性被屏幕閱讀器軟件所支持，但使用它仍然是有問題的，因?yàn)槠渌脩羧簾o法使用。建議當(dāng)縮寫詞在文檔中首次出現(xiàn)時(shí)提供文本格式的全稱，或提供全稱形式的術(shù)語表。這并不是說不可以使用title屬性，因其具有局限性，應(yīng)該提供文本形式的全稱。
HTML 5.1 包括使用title屬性的一般性建議：
依賴title屬性目前是不被鼓勵(lì)的，由于許多用戶代理不能按照規(guī)范的要求顯示這個(gè)屬性(如需要鼠標(biāo)指針設(shè)備引起提示信息的顯示，排除了僅使用鍵盤的用戶和觸摸屏用戶)
用title屬性代替img元素的alt屬性或作為圖片的標(biāo)題是被禁止的
依托title屬性目前來看是被禁止的，由于許多用戶代理對這屬性的可訪問性支持很弱……
拓展：編輯方式
1.編輯
HTML其實(shí)是文本，它需要瀏覽器的解釋，它的編輯器大體可以分為以下幾種：
基本文本、文檔編輯軟件，使用微軟自帶的記事本或?qū)懽职宥伎梢跃帉懀?dāng)然，如果你用WPS或Word來編寫也可以，不過保存時(shí)請使用.htm或.html作為擴(kuò)展名，這樣就方便瀏覽器認(rèn)出直接解釋執(zhí)行了。
半所見即所得軟件，如：FCK-Editer、E-webediter等在線網(wǎng)頁編輯器；尤其推薦：Sublime Text代碼編輯器（由Jon Skinner開發(fā)，Sublime Text2收費(fèi)但可以無限期試用）。
所見即所得軟件，使用最廣泛的編輯器，完全可以一點(diǎn)不懂HTML的知識(shí)就可以做出網(wǎng)頁，如：AMAYA（出品單位：萬維網(wǎng)聯(lián)盟）；FRONTPAGE（出品單位：微軟）；Dreamweaver（出品單位Adobe）。Microsoft Visual Studio（出品公司：微軟）：其中所見即所得軟件與半所見即所得的軟件相比，開發(fā)速度更快，效率更高，且直觀的表現(xiàn)更強(qiáng)。任何地方進(jìn)行修改只需要刷新即可顯示。缺點(diǎn)是生成的代碼結(jié)構(gòu)復(fù)雜，不利于大型網(wǎng)站的多人協(xié)作和精準(zhǔn)定位等高級(jí)功能的實(shí)現(xiàn)。
2.字符集
除了常見的ASCII字符和漢字，HTML還有許多特殊字符，它們一起構(gòu)成了HTML字符集。有2種情況需要使用特殊字符，一是網(wǎng)頁中有其特殊意義的字符，二是鍵盤上沒有的字符。HTML字符可以用一些代碼來表示，代碼可以有2種表示方式。即字符代碼（命名實(shí)體）和數(shù)字代碼（編號(hào)實(shí)體）。字符代碼以“&”符開始，以分號(hào)";"結(jié)束，其間是字符名，如®。數(shù)字代碼也以“&#”符開始，以分號(hào)";"結(jié)束，其間是編號(hào)，如。
3.數(shù)據(jù)類型
超文本標(biāo)記語言定義了多種數(shù)據(jù)類型的元素內(nèi)容，如腳本數(shù)據(jù)和樣式表的數(shù)據(jù)，和眾多類型的屬性值，包括ID、名稱、URI、數(shù)字、長度單位、語言、媒體描述符、顏色、字符編碼、日期和時(shí)間等。所有這些數(shù)據(jù)類型都是專業(yè)的字符數(shù)據(jù)。
【正確使用HTMLtitle屬性的建議】相關(guān)文章：
如何正確使用遠(yuǎn)光燈05-29
如何正確使用遠(yuǎn)光燈的技巧05-31
如何正確使用車燈09-15
《正確使用說明的方法》教案07-01
如何正確使用安全帶08-14
新手開車如何正確使用ABS06-13
夜間路考如何正確使用燈光08-19
如何正確的使用普通話的音調(diào)09-28