在日常開發中，可能對 img 的 alt 屬性可能不會太注意，也許你已經忘了這個屬性是幹什麼的了。那麼首先請出他的另一個容易搞混的屬性 title，直接上個圖吧，簡單描述。
title 效果
alt 效果
也許今天講的對你目前的工作沒有什麼幫助，但是在個人建站中，卻是至關重要，SEO 意味着提供網站排行，網站排行意味着流量，流量意味着 money。其實除了 SEO 之外還有一個比較重要的作用，有聽力或視覺障礙的人使用語音瀏覽器或屏幕閱讀器來上網，而不是使用傳統的瀏覽器。語音瀏覽器讀取視覺內容（例如圖形，動畫或視頻）的圖像描述。如果缺少 alt 屬性，則某些屏幕閱讀器會讀取部分文件名，無法準確理解網頁的信息。
總結起來就是兩點:
1.SEO2.信息無障礙閱讀體驗
Google alt 最佳實踐 https://support.google.com/webmasters/answer/114016?hl=en
既然alt這麼重要，如果自己不小心漏掉了，也是在所難免的事情，現在我就介紹一個 css 的小技巧，來避免這種尷尬的事情發生。
今天的分享就到此結束，希望這些小知識點，能夠幫助你積攢更大的能力。
以上效果可以查看在線例子 https://blog.qiufengh.com/example/img-alt
