图片的title属性和alt属性的区别

在前端开发中，经常遇到有人在问图片的alt属性和title属性的区别，这是因为很多人对于alt属性和title属性没有彻底搞明白，今天零度给大家分析分析。

title属性

首先，来看一下什么是title属性，在我们平时浏览网页的时候，我们经常会看到，当把鼠标放在一个文字链接上时，会弹出一段说明信息，这种提示信息就是通过title属性设置的。而不光文字链接有title属性，图片也可以设置title属性，title属性的作用就是提示的作用。

所以图片的title属性是提示作用，而这个提示作用是不管图片是否存在都会显示。

alt属性

图片的alt属性则是起到替代文字的作用，当图片不存在或者载入出错时候，那么该文字才会显示，以提高用户体验。值得注意的是在IE6浏览器下，如果一个图片没有title属性，有alt属性，鼠标放在图片上也会有title属性那样的效果(都有提示信息)，不过这个是因为IE6浏览器的解析问题，在标准浏览器下就不会出现那样的情况了。

至此，大家应该明白title属性和alt属性的区别了吧，title属性什么时候都会显示，而alt属性只有在图片加载不出来的时候才会显示。

转载于:https://www.cnblogs.com/lingdublog/p/6475352.html