在的img標籤有兩個屬性分別爲alt和title,對於不少初學者而言對這兩個屬性的正確使用都還抱有迷惑,固然這其中一部分緣由也是ie瀏覽器所致使的。正確的使用這兩個屬性除了能夠提升圖片的搜索能力外,在用戶體驗上也是頗有幫助,下面就來講說alt和title的概念與正確使用。
alt
此屬性的實質做用是圖片在沒法正確顯示的時候起到文本替代的做用,不過在IE6下還起到了title的做用(鼠標放上去後的文字提示),IE的實現方法其實是錯誤的。若是想在鼠標滑過期顯示提示,應該用title屬性。因爲錯誤的引導,不少初學者就在img標籤內只加了alt屬性。因此這裏再次表揚一記FF!
title
鼠標滑過期顯示的文字提示,用戶體驗上很重要。固然沒必要要全部的img標籤都加此屬性,比方說logo這樣比較重要或者說用戶會體驗到的圖片內容建議必定要加此屬性。
<img src="圖片路徑" alt="logo" title="首頁" /> 瀏覽器