1、介紹

alt屬性是一個用于網頁語言HTML和XHTML、為輸出純文字的參數屬性，作用是當HTML元素本身的物件無法被渲染時，就顯示alt（替換）文字作為一種補救措施。

2、釋義

在HTML 4.01中，alt屬性主要用于兩個img與area元素，alt屬性的語法如下：

<img alt="..." />

<area alt="..." />

alt 屬性是一個必需的屬性，它規定在圖像無法顯示時的替代文本。

假設由于下列原因用戶無法查看圖像，alt 屬性可以為圖像提供替代的信息：

● 網速太慢

● src 屬性中的錯誤

● 瀏覽器禁用圖像

● 用戶使用的是屏幕閱讀器

<img> 標簽的 alt 屬性指定了替代文本，用于在圖像無法顯示或者用戶禁用圖像顯示時，代替圖像顯示在瀏覽器中的內容。

圖片alt屬性可輔助搜索引擎唯能識別的圖片信息，因此，在優化網站時，盡可能利用alt屬性闡述圖片的主題內容，但是又要避免關鍵詞的重疊堆砌，該圖片屬性作用也不僅僅告訴搜索引擎圖片的主要信息，另外在圖片出現加載失敗時，還能夠讓訪客理解圖片所闡述的內容！

用來對網頁上的圖片進行描述，光標在圖片上時顯示的提示語即采用該標簽實現。從SEO和用戶體驗來看，ALT-代替屬性都是必要的，其重要性主要有：

網頁內容相關性是關鍵詞優化的前提，搜索引擎認為，網頁上的圖片應該與網頁主題相關。反過來講，當搜索引擎要判斷網頁的關鍵詞時，圖片的ALT-代替屬性是一個可信任的參考點。所以， 別忘了在圖片的ALT-代替屬性里添加上該網頁的關鍵詞。有時候因為一些原因，比如使用屏幕讀取器、帶寬較低、網絡阻礙等導致網頁上的圖片無法顯示。描述性的ALT-代替屬性可以告訴用戶該位置的內容，從而添加用戶體驗。正規的網站都應該這樣做。有時，如果沒有ALT-代替屬性，會導致用戶不明白該圖片代表著什么，為什么放在這個網頁。

3、正確寫法

alt標簽在html語言中的寫法是這樣的：<img src="圖片路徑" alt="圖片描述"/>

圖片描述最好是用簡短的語句，描述這張圖片的內容，如果是鏈接，則描述鏈接的作用，并帶上關鍵詞。

4、注意事項

不好的習慣是每張圖片都沒有alt標簽。而不可取的是，對于每個標簽都采用關鍵詞堆砌，這樣就有可能會導致被視為Spam垃圾網站。