代碼中的alt是什么意思 網(wǎng)頁(yè)設(shè)計(jì)中,案例圖片加ALT屬性是什么意思,有什么作用?
網(wǎng)頁(yè)設(shè)計(jì)中,案例圖片加ALT屬性是什么意思,有什么作用?ALT是圖片無(wú)法正常顯示時(shí)使用的文本提示,title是鼠標(biāo)移到元素上時(shí)顯示的文本提示對(duì)于搜索引擎來(lái)說(shuō),圖片是不可識(shí)別的,只能捕獲和識(shí)別網(wǎng)頁(yè)源代碼
網(wǎng)頁(yè)設(shè)計(jì)中,案例圖片加ALT屬性是什么意思,有什么作用?
ALT是圖片無(wú)法正常顯示時(shí)使用的文本提示,title是鼠標(biāo)移到元素上時(shí)顯示的文本提示
對(duì)于搜索引擎來(lái)說(shuō),圖片是不可識(shí)別的,只能捕獲和識(shí)別網(wǎng)頁(yè)源代碼中的文本內(nèi)容,并根據(jù)圖片判斷網(wǎng)頁(yè)的主題對(duì)于文本內(nèi)容;ALT標(biāo)簽只能告訴搜索引擎圖像的含義。
ALT標(biāo)簽的優(yōu)點(diǎn):讓搜索引擎蜘蛛了解圖像的內(nèi)容。讓用戶了解圖片的含義。因?yàn)楹芏鄷r(shí)候,用戶可能無(wú)法理解圖片的含義,而ALT可以改善用戶體驗(yàn)。
ALT tag的用法:例如:<img ALT=“學(xué)習(xí)SEO的方法”title=“學(xué)習(xí)SEO的方法”SRC=“”>
作為一種主要的視覺(jué)媒體,互聯(lián)網(wǎng)對(duì)于視力受損的人來(lái)說(shuō)很難使用。除非網(wǎng)頁(yè)設(shè)計(jì)師使用alt文本來(lái)處理圖像,否則網(wǎng)站的大部分內(nèi)容對(duì)視障讀者來(lái)說(shuō)都是無(wú)用的,因?yàn)槠聊婚喿x器和盲文設(shè)備無(wú)法解讀圖像。
在這方面,谷歌希望通過(guò)引入機(jī)器學(xué)習(xí)來(lái)識(shí)別和描述Chrome瀏覽器中的圖像,從而改善視覺(jué)障礙患者的網(wǎng)絡(luò)瀏覽體驗(yàn)。圖像描述將使用與googlelens相同的技術(shù)自動(dòng)生成。
谷歌高級(jí)項(xiàng)目經(jīng)理勞拉·艾倫(Laura Allen)說(shuō),她自己也有視力問(wèn)題,目前的功能將緩解她在使用屏幕閱讀器瀏覽網(wǎng)站時(shí)的許多頭疼問(wèn)題。
可以理解,文本描述使用短語(yǔ)“l(fā)ook to be”讓用戶知道其對(duì)圖像的描述。這將是一個(gè)提示,它會(huì)讓用戶知道,這是一個(gè)人工智能生成的描述,可能并不完全準(zhǔn)確。
此功能僅適用于帶屏幕閱讀器或盲文顯示器的用戶。要啟用它,用戶只需進(jìn)入chrome設(shè)置> advanced> accessibility,然后在那里選擇“get image description from Google”。用戶也可以右鍵單擊打開一個(gè)菜單來(lái)設(shè)置一個(gè)單獨(dú)的網(wǎng)頁(yè),在那里他們可以找到相同的選項(xiàng)。