img标签的alt和title有何异同

img标签的alt和title有何异同？

img标签其中的两个属性alt和title有相似的地方，但是在不同的情况下要使用不同的属性的。
alt属性和title属性相同点：
    它们都会出现浮层，显示自己设置的图片相关的内容。
alt属性和title属性不同点：
    alt属性:1.当图片加载不出来的时候，就会在图片未显示的地方出现一段alt设置的属性内容。这个属性的作用是为了给未加载的图片显示提示信息，即使在网络比较差的时候，用户也可以知道图片的内容，方便用户浏览网页。同时在程序员对网站维护的时候也能更快的查找到问题。2.浏览器的搜索引擎可以通过alt属性的文字描述来获取图片。
    title属性：title属性可以用在任何的元素上，当用户把鼠标移动到元素上时，就会显示预先设置的title的内容，起到对图片说明的作用，实质上就是对图片的解释和备注。

img标签中引用的图片不论是否能够正常的显示，图片只设置了title属性后，当鼠标经过或者悬停在图片区域时，就能看到图片的文字的描述。当图片仅仅设置alt属性的时候啊，当鼠标悬停或者经过图片区域的时候，可以看到该图片设置的alt的属性的文字内容。如果图片设置了title属性和alt属性，鼠标悬停或者经过图片区域的时候，只会显示title属性设置的内容。

来源：https://blog.csdn.net/JsRoccketq/article/details/100068501