HTML5學堂：img中alt與title有何不同？本文主要從表現在含義、瀏覽器中的表現以及對於網站seo優化程度三個方面進行辨析，接下來我們一起來看看。

示例程式碼：

<img src="h5course.jpg" alt="蠟筆小新 屬性alt的值" title="蠟筆小新 屬性title的值">

1、含義不同：

img標籤alt屬性是當圖片不存在時或載入失敗時的替代文字（進行顯示）；img標籤title屬性是對圖片的描述與進一步說明。

2、在瀏覽器中的表現不同：

在FF、chrome和IE8+中，當滑鼠經過圖片時title屬性的值會顯示，而alt屬性的值不會顯示；只有在IE6、IE7中，如果img標籤沒有寫title屬性，而寫了alt屬性的時候，alt屬性值會進行顯示；如果img寫了title屬性和alt屬性的時候，只會顯示title屬性值。

為img標籤設定title屬性和alt屬性，在IE6、IE7顯示如下圖

為img標籤不設定title屬性，但設定了alt屬性，在IE6、IE7顯示如下圖

3、對於網站SEO優化來說：

搜尋引擎對圖片意思的判斷，主要靠alt屬性。所以在圖片alt屬性中以簡要文字說明，同時包含關鍵詞，也是頁面優化的一部分。條件允許的話，可以在title屬性裡，進一步對圖片說明。