HTML img alt 屬性

2018-11-12 15:31 更新

HTML <img> alt 屬性

HTML img 標(biāo)簽參考手冊(cè) HTML <img> 標(biāo)簽

實(shí)例

帶有指定替代文本的圖像:

<img src="smiley.gif" alt="Smiley face">

嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持 alt 屬性。


定義和用法

alt 屬性是一個(gè)必需的屬性,它規(guī)定在圖像無(wú)法顯示時(shí)的替代文本。

假設(shè)由于一些原因(比如網(wǎng)速太慢、src 屬性中的錯(cuò)誤、瀏覽器禁用圖像、用戶使用的是屏幕閱讀器)用戶無(wú)法查看圖像,alt 屬性可以為圖像提供替代的信息。

注意:當(dāng)用戶把鼠標(biāo)移動(dòng)到 img 元素上時(shí),Internet Explorer (9 之前的版本)把 alt 屬性的值顯示為工具提示。根據(jù) HTML 規(guī)范,這種行為并不正確。

提示:如果需要為圖像創(chuàng)建工具提示,請(qǐng)使用 title 屬性!


HTML 4.01 與 HTML5之間的差異

無(wú)。


語(yǔ)法

<img alt="text">

屬性值

描述
text 規(guī)定圖像的替代文本。

alt 文本的使用原則:

  • 如果圖像包含信息,使用 alt 描述圖像
  • 如果圖像在 <a> 元素中,使用 alt 描述目標(biāo)鏈接
  • 如果圖像僅供裝飾,請(qǐng)使用 alt=""


HTML img 標(biāo)簽參考手冊(cè) HTML <img> 標(biāo)簽
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)