img標籤的alt作用是什麼

hzc
發布: 2020-06-24 15:01:59
原創
11894 人瀏覽過

img標籤的alt作用是什麼

alt屬性是元素的必備屬性,它給出了圖像的備選文本,供圖像無法顯示時採用。

當使用者因為某些原因(例如:開啟速度慢、src屬性有錯誤或使用者使用了螢幕閱讀器)無法檢視影像時,alt屬性提供了替代資訊。

注意: Internet Explorer對alt屬性的處理是,當滑鼠遊標停留在圖像上時,將alt屬性值作為提示文字(tooltip)顯示出來。但根據HTML規範,這不是正確的處理方式。其他瀏覽器的處理都是符合標準的,即在無法載入圖像時將alt屬性值顯示出來。

提示: 如果您想要為圖片建立提示文字(tooltip),應採用title屬性。

擴充資料

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

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

alt

此屬性的實質作用是圖片在無法正確顯示的時候起到文字替代的作用,不過在IE6下還起到了title的作用(滑鼠放上去後的文字提示),IE的實作方法其實是錯誤的。

如果想在滑鼠滑過時顯示提示,應該用title屬性。由於錯誤的引導,許多初學者就在img標籤內只加了alt屬性。

title

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

推薦教學: 《HTML教學

以上是img標籤的alt作用是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板