在線客服

電話①:189 6508 9135(張先生)
電話②:134 0599 8886(何小姐)
電話③:0591-83489135

技術(shù)文章


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


img標(biāo)簽

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

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í)顯示的文字提示,用戶(hù)體驗(yàn)上很重要。當(dāng)然不必要所有的img標(biāo)簽都加此屬性,比方說(shuō)logo這樣比較重要或者說(shuō)用戶(hù)會(huì)體驗(yàn)到的圖片內(nèi)容建議一定要加此屬性。

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



相關(guān)文章

首頁(yè)  電話  咨詢(xún)  頂部