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

img標(biāo)簽

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

alt

此屬性的實質(zhì)作用是圖片在無法正確顯示的時候起到文本替代的作用,不過在IE6下還起到了title的作用（鼠標(biāo)放上去后的文字提示），IE的實現(xiàn)方法實際上是錯誤的。如果想在鼠標(biāo)滑過時顯示提示,應(yīng)該用title屬性。由于錯誤的引導(dǎo)，很多初學(xué)者就在img標(biāo)簽內(nèi)只加了alt屬性。

title

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

舉例說明請參考本周福州印秀網(wǎng)絡(luò)：<img src="/images/logo.jpg" alt="福州印秀網(wǎng)絡(luò)" title="福州印秀網(wǎng)絡(luò)">