首先,alt是html標(biāo)簽的屬性,而title既是html標(biāo)簽,又是html屬性。
title標(biāo)簽,網(wǎng)頁的標(biāo)題就是寫在這對(duì)標(biāo)簽之內(nèi)的。?
title作為屬性時(shí),可以為元素提供額外說明信息。例如,給超鏈接標(biāo)簽a添加了title屬性,把鼠標(biāo)移動(dòng)到該鏈接上面是,就會(huì)顯示title的內(nèi)容,以達(dá)到補(bǔ)充說明或者提示的效果。

鼠標(biāo)移上去顯示提示信息
而alt屬性只能用在img、area和input元素中,用于網(wǎng)頁中圖片無法正常顯示時(shí)給用戶提供文字說明使其了解圖像信息。alt是替代圖像作用而不是提供額外說明文字的。
此外,使用alt屬性還具有搜索引擎優(yōu)化效果,因?yàn)樗阉匾媸菬o法直接讀取圖像的信息的,alt可以為其提供文字信息所以對(duì)搜索引擎比較友好。
通常人們?nèi)菀赘沐e(cuò)的是title和alt這兩個(gè)屬性同時(shí)用于img標(biāo)簽的時(shí)候。在舊版本的IE瀏覽器中,鼠標(biāo)經(jīng)過圖像時(shí)顯示的提示文字是alt的內(nèi)容,而忽略了title屬性,這個(gè)曾經(jīng)誤導(dǎo)了很多人。因此,如果想在IE中顯示title的內(nèi)容,要么title屬性和alt一致,要么alt內(nèi)容為空(“”,空格也不能有)。不過,在新版的IE(IE8及以上)中,已不會(huì)出現(xiàn)這種情況了。
另外,當(dāng)a標(biāo)簽內(nèi)嵌套img標(biāo)簽時(shí),起作用的是img的title屬性。