在線客服

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

技術(shù)文章


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ò)">



相關(guān)文章

首頁  電話  咨詢  頂部