在圖像標簽img中，除了常用的寬度width和高度height屬性之外，還有兩個比較重要並且也會用到的屬性，就是alt和title，這都是用來顯示圖片內容的具體信息的，但是這兩個屬性也有不同的地方。alt 用來給圖片來提示的，title用來給鏈接文字或普通文字提示的。
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>圖片的alt和title屬性</title> 6 </head> 7 <body> 8 <img src="song.jpg" width="100px" height="100px" alt="月亮"/> 9 <!--alt指的是當圖片名字不正確或者當圖片的路徑有錯誤時，在本來顯示圖片的位置里顯示出alt的內容，以方便自己或者用戶識別該圖片是干什么的--> 10 <img src="song.jpg" width="100px" height="100px" title="月亮"/> 11 <!--title指的是當圖片名字不正確或者當圖片的路徑有錯誤時，在本來顯示圖片的位置里也會顯示出alt的內容，並且當圖片名字、路徑都正確時，當鼠標移到圖片的區域范圍內，也會顯示出title的信息--> 12 </body> 13 </html>
在標簽中經常會用到alt標簽，這對於seo的優化是有一定的幫助。