今天小编跟大家讲解下有关img中alt和title属性的区别 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关img中alt和title属性的区别 的相关资料，希望小伙伴们看了有所帮助。
在图像标签img中，除了常用的宽度width和高度height属性之外，还有两个比较重要并且也会用到的属性，就是alt和title，这都是用来显示图片内容的具体信息的，但是这两个属性也有不同的地方。alt 用来给图片来提示的，title用来给链接文字或普通文字提示的。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片的alt和title属性</title></head> <body> <img src="http://www.aidi.net.cn/article/detial/4801/song.jpg"width="100px"height="100px"alt="月亮"/> <!--alt指的是当图片名字不正确或者当图片的路径有错误时，在本来显示图片的位置里显示出alt的内容，以方便自己或者用户识别该图片是干什么的--> <img src="http://www.aidi.net.cn/article/detial/4801/song.jpg"width="100px"height="100px"title="月亮"/> <!--title指的是当图片名字不正确或者当图片的路径有错误时，在本来显示图片的位置里也会显示出alt的内容，并且当图片名字、路径都正确时，当鼠标移到图片的区域范围内，也会显示出title的信息--> </body></html>在标签中经常会用到alt标签，这对于seo的优化是有一定的帮助。
来源：爱蒂网
