說起這方面知識點，先給大家簡單介紹一下吧，alt標簽一般針對圖片比較多，而title標簽則是針對文字和圖片。所以說title標簽即使屬性又是標簽。好了，不神秘了，給大家詳細介紹下吧！

Alt標簽：對圖片起注釋作用；

Title標簽：對鏈接起注釋作用。

首先來說下相同點：他們都會飄出一個小浮層，顯示文本內容。

然后還有就是不同點：

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

第二：alt標簽屬性則是用來指定替換文字，只能用在img、area和input元素中(包括applet元素)，用于網頁中圖片無法正常顯示時給用戶提供文字說明使其了解圖像信息。注意，alt標簽是替代圖像作用而不是提供額外說明文字的。根據一些SEO優化人士的說法，使用alt標簽屬性還具有搜索引擎優化效果，因為搜素引擎是無法直接讀取圖像的信息的，alt標簽可以為其提供文字信息所以對搜索引擎比較友好。

而title標簽可以用在任何元素上，把鼠標移動到元素上面，就會顯示title標簽的內容，以達到補充說明或者提示的效果。

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

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

下面這個問題可能是大家經常遇見的疑問：

如果某一個圖片也是帶鏈接的，Title和Alt這兩個標簽應該如何處理呢？

這里只是兩者都放到一起了而已，前面我們分析都是單獨分開的，網站中某一圖片帶鏈接的現象很多，比如一些商城類或產品介紹類的網頁。下面給給出何清勇個人建議：

1、圖片做上Alt標簽；大家可以想下，如果給圖片做上了Alt，那么，結合上面兩個標簽的注釋，這時候搜索引擎就會明白這張圖片的意思，我們索性把這個圖片鏈接看成文字鏈接好了（因為已經給圖片做上了Alt標簽），這個時候，我們再結合Title標簽的使用就可以了。

2、鏈接的Title標簽可做可不做：前面我們提到，Title就是給鏈接做個注釋，這個時候我們可以做（增加某一關鍵詞的密度）也可以不做（不影響搜索引擎和用戶對鏈接的判斷）。大家可以根據自己的實際情況進行把握了。