怎么使用HTML的title屬性-創(chuàng)新互聯(lián)

小編給大家分享一下怎么使用HTML的title屬性，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

專注于為中小企業(yè)提供網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)科爾沁右翼前免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了近1000家企業(yè)的穩(wěn)健成長(zhǎng)，幫助中小企業(yè)通過(guò)網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

如果你想對(duì)使用手機(jī)，平板電腦和輔助技術(shù)的用戶隱藏某些內(nèi)容，而只對(duì)鍵盤用戶顯示，那么請(qǐng)使用title屬性。
細(xì)節(jié)
HTML的title屬性本身有問(wèn)題。之所以有問(wèn)題是因?yàn)樗谝恍┲匾姆矫姹憩F(xiàn)的不夠好，盡管它陪伴我們超過(guò)14年了。隨著觸摸設(shè)備的興起，這個(gè)屬性的作用進(jìn)一步降低。title屬性的可訪問(wèn)性變得很雞肋，由于缺少瀏覽器的支持，屏幕閱讀器的支持和制作人員的重視。
下列情況下title屬性由于缺乏支持變得多余：
對(duì)于在手機(jī)瀏覽器里訪問(wèn)web內(nèi)容信息的人。通常title屬性的內(nèi)容在桌面瀏覽器里顯示為提示信息。據(jù)我所知，沒有任何手機(jī)瀏覽器支持顯示提示信息，并且也沒有其他訪問(wèn)title屬性內(nèi)容的視覺方法。
對(duì)于那些無(wú)法使用鼠標(biāo)的人提供信息。通常title屬性的內(nèi)容在桌面瀏覽器里顯示為提示信息。雖然提示信息的行為已經(jīng)有10多年歷史，但一直沒有瀏覽器實(shí)現(xiàn)使用鍵盤顯示title屬性的方法。
對(duì)于在大多數(shù)HTML元素上使用它為使用各種輔助技術(shù)的人提供信息。據(jù)我所知屏幕閱讀器對(duì)訪問(wèn)title屬性信息一致不支持。
title屬性不友好用戶如下
手機(jī)用戶
僅使用鍵盤的用戶
使用屏幕放大器的用戶
屏幕閱讀器用戶
精細(xì)運(yùn)動(dòng)技能障礙的用戶
認(rèn)知障礙的用戶
title屬性有用的例子：
為frame或iframe元素貼上標(biāo)簽：
<frame title="navigation">
提供需要程序才能實(shí)現(xiàn)的在特殊情況下才顯示的標(biāo)簽，直接使用可見的文本標(biāo)簽會(huì)顯得多余：
<input type="text" title="search"> <input type="submit" value="search">
數(shù)據(jù)表格中的標(biāo)簽控件。
title屬性無(wú)用或用處不大的例子：
為不能作為文本的鏈接或周圍內(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屬性。這其實(shí)相當(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)訪問(wèn)。如果是這樣，那么這個(gè)內(nèi)容應(yīng)該緊挨著圖片。
用來(lái)代替表單的標(biāo)簽，去掉可見的文本標(biāo)簽：
<input type="text" title="name">
屏幕閱讀器的用戶將會(huì)訪問(wèn)表單元素的標(biāo)簽，由于title屬性被列入可訪問(wèn)性api內(nèi)的屬性名稱（當(dāng)文本標(biāo)簽使用標(biāo)簽元素時(shí)是不被支持的）。許多其他用戶并不如此。建議盡可能包括一個(gè)可見的文本標(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">
如果這指令對(duì)于正確的使用表單元素非常重要，請(qǐng)?jiān)谠刂車峁┪淖中畔?，確保每個(gè)用戶都能讀到。
作為縮寫的擴(kuò)展：
<abbr title="world wide web consortium">W3C</abbr>
雖然abbr元素的title屬性被屏幕閱讀器軟件所支持，但使用它仍然是有問(wèn)題的，因?yàn)槠渌脩羧簾o(wú)法使用。建議當(dāng)縮寫詞在文檔中首次出現(xiàn)時(shí)提供文本格式的全稱，或提供全稱形式的術(shù)語(yǔ)表。這并不是說(shuō)不可以使用title屬性，因其具有局限性，應(yīng)該提供文本形式的全稱。
HTML 5.1 包括使用title屬性的一般性建議：
依賴title屬性目前是不被鼓勵(lì)的，由于許多用戶代理不能按照規(guī)范的要求顯示這個(gè)屬性（如需要鼠標(biāo)指針設(shè)備引起提示信息的顯示，排除了僅使用鍵盤的用戶和觸摸屏用戶）
用title屬性代替img元素的alt屬性或作為圖片的標(biāo)題是被禁止的
依托title屬性目前來(lái)看是被禁止的，由于許多用戶代理對(duì)這屬性的可訪問(wèn)性支持很弱……

看完了這篇文章，相信你對(duì)怎么使用HTML的title屬性有了一定的了解，想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

文章題目：怎么使用HTML的title屬性-創(chuàng)新互聯(lián)
鏈接URL：http://bm7419.com/article12/dihpdc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營(yíng)銷、自適應(yīng)網(wǎng)站、網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、云服務(wù)器、App設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)