首頁 >web前端 >css教學 >img標籤中alt和title屬性的正確使用_經驗交流

img標籤中alt和title屬性的正確使用_經驗交流

WBOY
WBOY原創
2016-05-16 12:06:232016瀏覽

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

alt
此屬性的實質作用是圖片在無法正確顯示的時候起到文本替代的作用,不過在IE6下還起到了title的作用(滑鼠放上去後的文字提示), IE的實作方法其實是錯誤的。如果想在滑鼠滑過時顯示提示,應該用title屬性。由於錯誤的引導,許多初學者就在img標籤內只加了alt屬性。所以這裡再次表揚一記FF!

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

img標籤中alt和title屬性的正確使用_經驗交流

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn