当鼠标经过图片时显示title；alt是当图片没有加载出来时，图片位置显示alt

1.当给一个img添加了title和alt属性时

<img src="http://imgs.aixifan.com/content/2016_07_10/1468158502.gif"        
 title="这是图片的标题" alt="这是图片的提示">

　　当图片显示时：鼠标经过显示title

　　当图片不显示时：图片位置显示alt     经过文字区域时会显示title

2.当给一个img添加了alt属性、没有添加title时

<img src="http://imgs.aixifan.com/content/2016_07_10/1468158502.gif"        
 alt="这是图片的提示">

　　当图片显示时：鼠标经过图片没有文字提示

　　图片不显示时，显示alt提示,   经过文字区域时也不会显示title提示

3.当给一个img添加了title属性、没有添加alt属性时

<img src="http://imgs.aixifan.com/content/2016_07_10/1468158502.gif"        
 title="这是图片的标题">

　　当图片显示时：鼠标经过，会显示标题

　　当图片不显示时：显示标题（起到了alt的作用），且鼠标滑过时也显示标题

总结：alt和title一起使用时最好，title可以代替alt的工作，反之则不行，

img中的alt和title的区别

原文：https://www.cnblogs.com/yaya-003/p/12860060.html