Alt屬性意思

在HTML中,alt屬性是用於圖像元素 <img> 的備用文本,它提供了一種替代方案,用於當圖像無法顯示時向用戶提供信息。例如,如果圖像無法載入、用戶禁用了圖像載入或者用戶正在使用螢幕閱讀器等輔助技術,alt屬性中的文本將顯示給用戶。

alt屬性的值應該是對圖像內容的簡潔描述,以便為用戶提供有用的信息。如果圖像具有功能性(比如是按鈕或者連結的一部分),那麼alt屬性也應該傳達這種功能性。

例如,以下是一個帶有alt屬性的HTML圖像標籤:

<img src="example.jpg" alt="example image">

在這個例子中,如果圖像 example.jpg 無法顯示,瀏覽器會顯示 "example image" 作為替代文本。

對於純裝飾性圖像,alt屬性的值通常是空的,即 alt="",這表明圖像沒有提供任何信息。然而,為了確保可訪問性,最好避免使用完全沒有意義的圖像,除非它們確實只是裝飾性的。

此外,alt屬性還有其他用途,例如在某些無障礙工具中,它們可以幫助用戶理解圖像的內容,或者在某些社交媒體平台上,它們可以作為圖像的描述顯示。