您現在的位置是:電腦技術吧?>? 基礎知識 ??>??title屬性,標簽title屬性??>??正文詳情

title屬性,標簽title屬性

敖華芝2019-11-18 13:50:34 人圍觀
簡介title如果要為手機、平板電腦和輔助技術的用戶隱藏某些內容,請使用title屬性,但僅對鍵盤用戶而言,detail HTML本身的title屬性存在問題。問題是,它在一title1

如果你想對使用手機,平板電腦和輔助技術的用戶隱藏某些內容,而只對鍵盤用戶顯示,那么請使用title屬性。

細節 HTML的title屬性本身有問題。

之所以有問題是因為它在一些重要的方面表現的不夠好,盡管它陪伴我們超過14年了。

隨著觸摸設備的興起,這個屬性的作用進一步降低。

title屬性的可訪問性變得很雞肋,由于缺少瀏覽器的支持,屏幕閱讀器的支持和制作人員的重視。

下列情況下title屬性由于缺乏支持變得多余: 對于在手機瀏覽器里訪問web內容信息的人。

通常title屬性的內容在桌面瀏覽器里顯示為提示信息。

據我所知,沒有任何手機瀏覽器支持顯示提示信息,并且也沒有其他訪問title屬性內容的視覺方法。

對于那些無法使用鼠標的人提供信息。

通常title屬性的內容在桌面瀏覽器里顯示為提示信息。

雖然提示信息的行為已經有10多年歷史,但一直沒有瀏覽器實現使用鍵盤顯示title屬性的方法。

對于在大多數HTML元素上使用它為使用各種輔助技術的人提供信息。

據我所知屏幕閱讀器對訪問title屬性信息一致不支持。

title屬性不友好用戶如下 手機用戶 僅使用鍵盤的用戶 使用屏幕放大器的用戶 屏幕閱讀器用戶 精細運動技能障礙的用戶 認知障礙的用戶 title屬性有用的例子: 為frame或iframe元素貼上標簽: frame title=navigation 提供需要程序才能實現的在特殊情況下才顯示的標簽,直接使用可見的文本標簽會顯得多余: input type=text title=search input type=submit value=search 數據表格中的標簽控件。

title屬性無用或用處不大的例子: 為不能作為文本的鏈接或周圍內容添加額外信息: a href=newsletter.php?/PDF/' target='_blank'>PDF title=PDF file, size 1 mb.newsletter/a 相反這樣的信息應該作為鏈接文本的部分或在鏈接的旁邊。

提供和鏈接文本相同的信息: a href=newsletter.PDF title=newsletternewsletter/a 建議不要復制鏈接內容作為title屬性。

這其實相當于什么都沒做。

用于圖像的標題: img src=castle1858.jpeg title=Oil-based paint on canvas. Maria Towle, 1858. alt=The castle now has two towers and two walls. 大概標題信息是最重要的信息,應該能被所有用戶默認訪問。

如果是這樣,那么這個內容應該緊挨著圖片。

用來代替表單的標簽,去掉可見的文本標簽: input type=text title=name 屏幕閱讀器的用戶將會訪問表單元素的標簽,由于title屬性被列入可訪問性api內的屬性名稱(當文本標簽使用標簽元素時是不被支持的)。

許多其他用戶并不如此。

建議盡可能包括一個可見的文本標簽。

為表單元素提供和可見的標簽內容相同的信息: label for=n1name/label input type=text title=name id=n1 重復可見的標簽文本不可能除了添加一系列的用戶認知噪聲。

不做它。

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

為表單元素提供額外的指令: label for=n1name/label input type=text title=Please use uppercase.id=n1 如果這指令對于正確的使用表單元素非常重要,請在元素周圍提供文字信息,確保每個用戶都能讀到。

作為縮寫的擴展: abbr title=world wide web consortiumW3C/abbr 雖然abbr元素的title屬性被屏幕閱讀器軟件所支持,但使用它仍然是有問題的,因為其他用戶群無法使用。

建議當縮寫詞在文檔中首次出現時提供文本格式的全稱,或提供全稱形式的術語表。

這并不是說不可以使用title屬性,因其具有局限性,應該提供文本形式的全稱。

HTML 5.1 包括使用title屬性的一般性建議: 依賴title屬性目前是不被鼓勵的,由于許多用戶代理不能按照規范的要求顯示這個屬性(如需要鼠標指針設備引起提示信息的顯示,排除了僅使用鍵盤的用戶和觸摸屏用戶) 用title屬性代替img元素的alt屬性或作為圖片的標題是被禁止的 依托title屬性目前來看是被禁止的,由于許多用戶代理對這屬性的可訪問性支持很弱

版權聲明:本文由 敖華芝 整理編輯。

原標題:title屬性樣式,title屬性設置

轉載注明出處:http://www.dn9ww09s.icu/basics/13520.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • win10directx修復工具,directx修復工具在哪里打開

    win10directx修復工具,directx修復工具在哪里打開 相關圖片directx修復工具需要聯網嗎DirectX修復工具是一個功能強大的系統修復工具。然而,許多人不知道如何使用DirectX修復工具。DirectX修復工具的用途是什么?接下來,超人軟件會給你電腦dir...

  • 網頁游戲特效制作,制作游戲特效的軟件有哪些

    網頁游戲特效制作,制作游戲特效的軟件有哪些 相關圖片手機游戲特效制作下面是一個特殊的效果,它是從一個頁面切換到另一個頁面1的效果。按Ctrl n創建一個新頁面,選擇基本頁面HTML,然后創建它2。然后我們插入一張圖片,使我們的效游...

  • u盤大小為0無法格式化,win7光盤0字節可讀不可寫

    u盤大小為0無法格式化,win7光盤0字節可讀不可寫 相關圖片u盤無法格式化修復要在計算機之間移動一些非大文件,U盤絕對是最合適的載體之一。不過,也有網友反映,使用U盤時出現0字節無法格式化的錯誤提示。我該怎么辦?通常,這種情況是...

  • 怎么關彈幕,關彈幕

    怎么關彈幕,關彈幕 相關圖片為什么b站彈幕自動關作為一款有趣的交友軟件,rightmost自然受到很多玩家的喜愛。那么,你知道怎么關上最右邊的彈幕嗎?如何回復評論?現在,超人軟件編輯想為您介紹一些關于最右...

  • 三角形里有個箭頭,三角形上下箭頭

    三角形里有個箭頭,三角形上下箭頭 相關圖片三角形雙向箭頭我想修改這個網站最近。我想在上面放一個提示框。這很簡單,但我想要一個三角箭頭在提示框。然而,認為它需要不同方向的圖片、顏色和箭頭幾乎是一場災難。幸運...

  • 硬盤顯示0字節可用,硬盤顯示0字節

    硬盤顯示0字節可用,硬盤顯示0字節 相關圖片硬盤屬性顯示0字節有網友在使用電腦的過程中會出現某個盤符打不開的情況,原來幾十、幾百克的空間變成了0字節。怎么了?如何使0字節硬盤恢復正常?當0字節硬盤可用時,應該是硬...

  • 怎么在站內搜索,如何做一個站內搜索

    怎么在站內搜索,如何做一個站內搜索 相關圖片九息站內搜索Frontpage不僅可以幫助我們快速開始網頁制作,還可以為網站制作一個簡單的搜索引擎,可以說是網頁制作和網頁搜索的結合。當然,在創建信息搜索平臺之前,你應該先搜...

  • 瀏覽器怎么導入書簽,瀏覽器書簽怎么導出

    瀏覽器怎么導入書簽,瀏覽器書簽怎么導出 相關圖片QQ瀏覽器書簽導出我相信我的很多朋友都在使用奧本瀏覽器。你知道如何從Auburn瀏覽器導入書簽嗎?如何從Auburn瀏覽器導出書簽?現在,超人軟件編輯想向您介紹奧本瀏覽器的相關內瀏覽...

  • 電視上那些炫麗的效果是怎么制作的,ps制作炫麗效果閃電字

    電視上那些炫麗的效果是怎么制作的,ps制作炫麗效果閃電字 相關圖片七色光教育怎么樣這個例子向朋友介紹了如何使用焰火來產生美麗的眩光效果。主要研究了刷子、濾料、復印、變形、梯度填充、混合模式和筆路徑工具的應用。希望朋友喜歡!最終效...

  • buzz桌面怎么用,buzz桌面怎么用不了

    buzz桌面怎么用,buzz桌面怎么用不了 相關圖片buzz桌面停運buzz桌面作為一款功能強大的桌面美化軟件,深受眾多Android用戶的喜愛。很多用戶不知道如何將buzz桌面設置為默認桌面,以及如何切換中文。現在,我要學習超buzz桌面圖片...

熱評文章

  • 火山小視頻關注收費嗎,火山小視頻怎樣查找關注的人

    火山小視頻關注收費嗎,火山小視頻怎樣查找關注的人 相關圖片火山小視頻通過手機號查好友作為一款可以通過發布視頻賺錢的直播軟件,火山視頻獲得了很多用戶的支持。所以你知道怎么關注小火山的視頻嗎你覺得小火山的視頻怎么樣?現在,跟...

  • smartscreen篩選器阻止,smartscreen篩選器在哪

    smartscreen篩選器阻止,smartscreen篩選器在哪 相關圖片smartscreen可以關閉嗎當我們使用瀏覽器瀏覽網頁時,有時會遇到這樣的提示:smartscreen篩選器已阻止下載。Smartscreen過濾器包括Internet Explorer和msmartscreen關閉不了...

  • 網頁界面設計,網頁設計頁面

    網頁界面設計,網頁設計頁面 相關圖片網頁設計排版與網站訪問者溝通的方式有很多種,但最典型、最直接的方式是通過網頁了解我們的溝通方式。隨著網站設計的日益多樣化,網頁的設計越來越受到設計者和設計團隊的重...

  • furmark有什么用,furmark怎么使用

    furmark有什么用,furmark怎么使用 相關圖片orthos怎么用Furmark是ozone3d開發的OpenGL基準測試工具,主要通過多次測試,用來測試顯卡的性能和穩定性,支持五種語言,包括簡體中文如何使用Furmark:顯卡要用什么軟件烤機...

  • 炫酷代碼,炫酷代碼教程

    炫酷代碼,炫酷代碼教程 相關圖片黑客炫酷代碼index.html代碼如下:ul class=menuliahref=#Home/a/lilia href=#s1Menu1/aul class=submenvbs炫酷代碼...

  • 脈脈老是會自動加好友,脈脈每天能加幾個好友

    脈脈老是會自動加好友,脈脈每天能加幾個好友 相關圖片脈脈好友請求是不是對方加你Pulse是一款專業的工作人員軟件,通過它你可以擴大你的聯系。那么如何添加好友呢?如何刪除好友?現在,跟隨超人軟件學習如何使用脈搏!脈搏怎么樣脈...

  • 撲克牌落汗,撲克牌藥水

    撲克牌落汗,撲克牌藥水 相關圖片怎么抓撲克牌這個例子的意思是:1。創建實例背景2繪制卡的正面和背面并將其轉換為圖形元素3創建卡的容器,將其轉換為組件卡,并將正面和背面卡分別放置在第1幀和第2幀中4創建文...

  • 酷影模式手機版,uc酷影模式

    酷影模式手機版,uc酷影模式 相關圖片uc進入不了閱讀模式酷影模式是一種可以在UC瀏覽器下節省流量、過濾廣告、木馬等的模式,讓你在手機上更安全地瀏覽網頁。它是UC瀏覽器特有的功能。其原理是基于云計算中的大數據...

  • 替換,excel替換技巧

    替換,excel替換技巧 相關圖片ai替換混合軸技巧技巧在網站的開發和建設過程中,我們可能會遇到這樣的情況。當我們的網站有相當一部分已經執行,我們發現一些細節需要修改。在這個時候,手工改變是不可能的。...

  • uestudio是什么軟件,ultraedit中文安卓手機版

    uestudio是什么軟件,ultraedit中文安卓手機版 相關圖片ue用什么軟件Ultra edit是微軟旗下的一款文本編輯器。它最大的特點是可以處理大的文本文件,支持高達4GB的文件,占用大量內存ue運行程序...

關注微信

变脸官网查询