HTML <img> alt 屬性
定義和用法
alt 屬性是一個必需的屬性，它規定在圖像無法顯示時的替代文本。
假設由于下列原因用戶無法查看圖像，alt 屬性可以為圖像提供替代的信息：
- 網速太慢
- src 屬性中的錯誤
- 瀏覽器禁用圖像
- 用戶使用的是屏幕閱讀器
<img> 標簽的 alt 屬性指定了替代文本，用于在圖像無法顯示或者用戶禁用圖像顯示時，代替圖像顯示在瀏覽器中的內容。
我們強烈推薦您在文檔的每個圖像中都使用這個屬性。這樣即使圖像無法顯示，用戶還是可以看到關于丟失了什么東西的一些信息。而且對于殘疾人來說，alt 屬性通常是他們了解圖像內容的唯一方式。
提示：如需為圖像創建工具提示，請使用 title 屬性！
提示和注釋
注釋：alt 屬性的值是一個最多可以包含 1024 個字符的字符串，其中包括空格和標點。這個字符串必須包含在引號中。這段 alt 文本中可以包含對特殊字符的實體引用，但它不允許包含其他類別的標記，尤其是不允許有任何樣式標簽。
注釋：當用戶把鼠標移動到 img 元素上時，Internet Explorer 會顯示出 alt 屬性的值。這種行為并不正確。所有其他的瀏覽器正在向規范靠攏，只要當圖像無法顯示時，才會顯示出替代文本。
提示：如果需要為圖像創建工具提示，請使用 title 屬性。
實例
例子 1
<img src="/i/eg_tulip.jpg" alt="上海鮮花港 - 郁金香" />
如果無法顯示圖像，瀏覽器將顯示替代文本，就像這樣：
此外，當用戶把鼠標移到圖像上方，最新的瀏覽器會在一個文本框中顯示描述性文本。下面的代碼在 alt 屬性中為圖像添加了描述性文本：
您可以把鼠標移動到下面的照片上，看看相應的效果：
紅圈中的文本框是用戶把鼠標移動到圖像上時，IE7 瀏覽器所顯示的效果：
例子 2
指定了替代文本的圖像：
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
語法
<img alt="text">
屬性值
| 值 | 描述 |
|---|---|
| text |
規定圖像的替代文本。 alt 文本的使用原則：
|
瀏覽器支持
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 支持 | 支持 | 支持 | 支持 | 支持 |
