溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

img標(biāo)簽中的alt是干什么的

發(fā)布時(shí)間:2020-06-24 16:49:37 來(lái)源:億速云 閱讀:1035 作者:Leah 欄目:web開發(fā)

img標(biāo)簽中的alt是干什么的?可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。

alt屬性是<img>元素的必選屬性,它給出了圖像的備選文本,供圖像無(wú)法顯示時(shí)采用。

當(dāng)用戶因?yàn)槟撤N原因(比如:打開速度慢、src屬性存在錯(cuò)誤或者用戶使用了屏幕閱讀器)不能查看圖像時(shí),alt屬性提供了替代信息。

注意: Internet Explorer對(duì)alt屬性的處理是,當(dāng)鼠標(biāo)光標(biāo)停留在圖像上時(shí),將alt屬性值作為提示文本(tooltip)顯示出來(lái)。但根據(jù)HTML規(guī)范,這不是正確的處理方式。其他瀏覽器的處理都是符合標(biāo)準(zhǔn)的,即在無(wú)法加載圖像時(shí)將alt屬性值顯示出來(lái)。

提示: 如果要為圖像創(chuàng)建提示文本(tooltip),應(yīng)采用title屬性。

擴(kuò)展資料:

img標(biāo)簽中alt和title屬性的正確使用:

在的img標(biāo)簽有兩個(gè)屬性分別為alt和title,對(duì)于很多初學(xué)者而言對(duì)這兩個(gè)屬性的正確使用都還抱有迷惑,當(dāng)然這其中一部分原因也是ie瀏覽器所導(dǎo)致的。正確的使用這兩個(gè)屬性除了可以提高圖片的搜索能力外,在用戶體驗(yàn)上也是很有幫助。

alt

此屬性的實(shí)質(zhì)作用是圖片在無(wú)法正確顯示的時(shí)候起到文本替代的作用,不過(guò)在IE6下還起到了title的作用(鼠標(biāo)放上去后的文字提示),IE的實(shí)現(xiàn)方法實(shí)際上是錯(cuò)誤的。

如果想在鼠標(biāo)滑過(guò)時(shí)顯示提示,應(yīng)該用title屬性。由于錯(cuò)誤的引導(dǎo),很多初學(xué)者就在img標(biāo)簽內(nèi)只加了alt屬性。

title

鼠標(biāo)滑過(guò)時(shí)顯示的文字提示,用戶體驗(yàn)上很重要。當(dāng)然不必要所有的img標(biāo)簽都加此屬性,比方說(shuō)logo這樣比較重要或者說(shuō)用戶會(huì)體驗(yàn)到的圖片內(nèi)容建議一定要加此屬性。

看完上述內(nèi)容,你們對(duì)img標(biāo)簽中的alt屬性有進(jìn)一步的了解嗎?如果還想了解更多相關(guān)內(nèi)容,歡迎關(guān)注億速云行業(yè)資訊頻道,感謝各位的閱讀。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI