我們做SEO，圖片優化也是不必可少的一個環節，很多人再上傳圖片之后，系統自動顯示了alt跟title屬性，那這兩個屬性是什么意思，又有什么區別呢?

　　alt和title共同點

　　他們都會飄出一個小浮層，顯示文本內容。

　　alt和title不同點

　　1.alt只能是元素的屬性，而title即可以是元素的屬性也可以是標簽，例如:。

　　2.alt屬性則是用來指定替換文字，只能用在img、area和input元素中(包括applet元素)，用于網頁中圖片無法正常顯示時給用戶提供文字說明使其了解圖像信息。

　　小知識

　　通常人們容易搞錯的是title和alt這兩個屬性同時用于img標簽的時候。在舊版本的IE瀏覽器中，鼠標經過圖像時顯示的提示文字是alt的內容，而忽略了title屬性，這個曾經誤導了很多人。因此，如果想在IE中顯示title的內容，要么title屬性和alt一致，要么alt內容為空(“”，空格也不能有)。不過，在新版的IE(IE8及以上)中，已不會出現這種情況了。

　　另外，當a標簽內嵌套img標簽時，起作用的是img的title屬性。

　　alt是在圖片不能正常加載時候顯示的提示語，代碼以及結果如下：

　　<img src="" alt="鮮花"/>

　　title屬性是鼠標劃上去顯示的內容，代碼結果如下：

　　<img src="" img/鮮花.jpg"/>

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