如果用戶(hù)由于某種原因無(wú)法查看圖像(由于連接速度慢,src屬性錯(cuò)誤或用戶(hù)使用屏幕閱讀器),則alt屬性為圖像提供替代信息。如果無(wú)法顯示圖像,則必需使用alt屬性指定圖像的備用文本。
指定了備用文本的圖像:
<!DOCTYPE html> <html> <head> <title>HTML:<img> alt 屬性 - 菜鳥(niǎo)教程 (cainiaoplus.com)</title> <body> <img src="haha-no.gif" alt="haha face" width="42" height="42"> </body> </html>測(cè)試看看 ?/?
IEFirefoxOperaChromeSafari
所有主流瀏覽器都支持 alt 屬性。
alt 屬性是一個(gè)必需的屬性,它規(guī)定在圖像無(wú)法顯示時(shí)的替代文本。
如果無(wú)法顯示圖像,則必需使用alt屬性指定圖像的備用文本。
如果用戶(hù)由于某種原因無(wú)法查看圖像(由于連接速度慢,src屬性錯(cuò)誤或用戶(hù)使用屏幕閱讀器),則alt屬性為圖像提供替代信息。
注意:當(dāng)用戶(hù)把鼠標(biāo)移動(dòng)到 img 元素上時(shí),Internet Explorer (9 之前的版本)把 alt 屬性的值顯示為工具提示。根據(jù) HTML 規(guī)范,這種行為并不正確。
提示:如果需要為圖像創(chuàng)建工具提示,請(qǐng)使用 title 屬性!
沒(méi)有。
<img alt="text">
值 | 描述 |
---|---|
text | 指定圖像的替代文本。 alt 文本的使用原則:
|