alt
主要用于img标簽，在圖檔因為網絡不良，路徑錯誤等而無法渲染到頁面時候代替其渲染到頁面。（也就是說圖檔沒法顯示，就用alt的屬性值代替），它會被搜尋引擎所識别。
alt屬性有利于SEO，是搜尋引擎搜錄時判斷圖檔與文字是否相關的重要依據。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<img src="" alt="我來替代圖檔" height="200" width="200" title="觸碰我顯示">
</body>
</html>
title
title是關于元素的注釋資訊，主要是給使用者解讀。當滑鼠放到文字或是圖檔上時有title文字顯示。在IE浏覽器中alt起到了title的作用，變成文字提示。
title主要的作用是面向使用者體驗。
從上面兩張圖中可以很明顯得看到，無論圖檔是否能顯示，title總是能夠在頁面得以使用，而alt則隻能在圖檔顯示不出來的時候才能有用武之地。
總結：alt和title兩者都各有作用，alt更多的是有利于SEO，而title則更多的是增強使用者的體驗，在IE浏覽器中alt起到了title的作用，變成文字提示，是以在需要相容浏覽器的情況下，我們最好把兩個屬性都寫上，以保證舊版本的浏覽器也能夠正常展示。