仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳
可能很多新手在做站內優化的時候，不明白圖片標籤img中alt與title的區別，今天sem學院就單獨為大家整理分享一下其中的區別。
大家可以一起動手來做測試：把以下代碼保存的文本中，命名為.html結尾的檔，然後分別用不同瀏覽器打開。
代碼：
<! DOCTYPE html PUBLIC 「-//W3C//DTD XHTML 1.0 Strict//EN」
「HTTP://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd」>
<html xmlns=」HTTP://www.w3.org/1999/xhtml」>
<head><title>圖片標籤img中alt與title的區別</title></head>
<body>
<img src=」圖像的正確位址」 title=」title正確圖片」 >
<img src=」圖像的正確位址」 alt=」alt正確圖片」 >
<img src=」圖像的錯誤位址」 title=」title錯誤圖片」 >
<img src=」圖像的錯誤位址」 alt=」alt錯誤圖片」 >
</body>
</html>
ie6下各代碼的表現
ie8下各代碼的表現
firefox下各代碼的表現
從以上三組圖中我們可以看出alt與title的不同：
1、含義不同
alt是當圖片不存在時的替代文字;title是對圖片的描述與進一步說明
2、在瀏覽器中的表現不同
在firefox和ie8中，當滑鼠經過圖片時title值會顯示，而alt的值不會顯示;只有在ie6中，當滑鼠經過圖片時title和alt的值都會顯示。
對於網站seo優化來說，title與alt還有最重要的一點：
搜尋引擎對圖片意思的判斷，主要靠alt屬性。 所以在圖片alt屬性中以簡要文字說明，同時包含關鍵字，也是頁面優化的一部分。 條件允許的話，可以在title屬性裡，進一步對圖片說明。
作者：孟凡成@sem學院
原文連結:HTTP://www.semxyz.com/seo/780.html
版權所有，轉載請以連結形式注明作者及原始出處
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
