HTML <img> 標(biāo)簽的 alt 屬性
定義和用法
alt 屬性是一個(gè)必需的屬性，它規(guī)定在圖像無法顯示時(shí)的替代文本。
假設(shè)由于下列原因用戶無法查看圖像，alt 屬性可以為圖像提供替代的信息：
- 網(wǎng)速太慢
- src 屬性中的錯(cuò)誤
- 瀏覽器禁用圖像
- 用戶使用的是屏幕閱讀器
<img> 標(biāo)簽的 alt 屬性指定了替代文本，用于在圖像無法顯示或者用戶禁用圖像顯示時(shí)，代替圖像顯示在瀏覽器中的內(nèi)容。
我們強(qiáng)烈推薦您在文檔的每個(gè)圖像中都使用這個(gè)屬性。這樣即使圖像無法顯示，用戶還是可以看到關(guān)于丟失了什么東西的一些信息。而且對于殘疾人來說，alt 屬性通常是他們了解圖像內(nèi)容的唯一方式。
實(shí)例
<img src="/i/eg_tulip.jpg" alt="上海鮮花港 - 郁金香" />
如果無法顯示圖像，瀏覽器將顯示替代文本，就像這樣：
此外，當(dāng)用戶把鼠標(biāo)移到圖像上方，最新的瀏覽器會(huì)在一個(gè)文本框中顯示描述性文本。下面的代碼在 alt 屬性中為圖像添加了描述性文本：
您可以把鼠標(biāo)移動(dòng)到下面的照片上，看看相應(yīng)的效果：
紅圈中的文本框是用戶把鼠標(biāo)移動(dòng)到圖像上時(shí)，IE7 瀏覽器所顯示的效果：
提示和注釋：
注釋：alt 屬性的值是一個(gè)最多可以包含 1024 個(gè)字符的字符串，其中包括空格和標(biāo)點(diǎn)。這個(gè)字符串必須包含在引號中。這段 alt 文本中可以包含對特殊字符的實(shí)體引用，但它不允許包含其他類別的標(biāo)記，尤其是不允許有任何樣式標(biāo)簽。
注釋：當(dāng)用戶把鼠標(biāo)移動(dòng)到 img 元素上時(shí)，Internet Explorer 會(huì)顯示出 alt 屬性的值。這種行為并不正確。所有其他的瀏覽器正在向規(guī)范靠攏，只要當(dāng)圖像無法顯示時(shí)，才會(huì)顯示出替代文本。
提示：如果需要為圖像創(chuàng)建工具提示，請使用 title 屬性。
語法
<a alt="value">
屬性值
| 值 | 描述 |
|---|---|
| text |
規(guī)定圖像的替代文本 alt 文本的使用原則：
|
TIY 實(shí)例
- <img> 標(biāo)簽的 alt 屬性
- 本例演示如何為圖片顯示替換文本。在瀏覽器無法載入圖像時(shí)，替換文本屬性告訴讀者他們失去的信息。為頁面上的圖像都加上替換文本屬性是個(gè)好習(xí)慣。