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

img標(biāo)簽

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

alt

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

title

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

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