在標簽中經常會用到alt標簽,這對於seo的優化是有一定的幫助。 ...
在圖像標簽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的優化是有一定的幫助。