上篇文章有提到，如果路徑沒設好，無法正確顯示檔案，通常為了讓使用者知道這張圖片的內容是什麼？會加上 alt 的屬性，那它又是怎麼樣使用的呢？

alt 的全名為 alternative，這個屬性基本上都會出現在 img 標籤內，為了就是當圖片失去正常顯示的能力時，alt 就能用文字的方式稍作描述圖片內容，甚至是最近網頁也可以有無障礙的功能，當視障朋友在用聽的瀏覽網頁時，因為有 alt 的屬性，即便無法看到圖片，也能藉著工具「讀到的文字」，去知道圖片呈現的內容

<img src="網址" alt="這是一隻坐在床上的橘色的貓">

在 img 標籤裡繼續寫屬性因此加入了 alt=“”
引號後面的值，就是填入一段代表此圖片的描述。

alt 對 SEO 是有相對的好處的，因為 Google 在搜尋引擎是用爬蟲理解資料，所以當你 alt 說明得清楚，有助於搜尋引擎了解並推播給使用者。

又或是圖片失效時，或是要下載圖檔的時間過長，alt 的文字會先顯示出來，作為補救機制，當圖片在 loading 的同時，也可以讓使用者得以理解尚未出現的圖。

但要注意，alt 不能放上空的值，或是其他跟本圖無關的填充等宣傳字眼，這都這都會讓你的網站品質遭到扣分。