在線客服

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

技術(shù)文章


img標簽中alt和title屬性的正確使用


img標簽

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

alt

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

title

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

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



相關(guān)文章

首頁  電話  咨詢  頂部