当图片没有正常显示出来时，结果如图所示，出现的仅仅是alt里面设置的内容。
title属性效果如下：
1 |
|
效果图：
如图所示，这个图片正常显示，当鼠标经过图片时，出现title里面的内容，对图片进行描述。
总结：无论图片是否正常显示，图片仅设置title属性，当鼠标悬停图片时，可以看到图片的文字描述。当图片仅设置alt属性时，用鼠标悬停图片之上，可以看到该图片alt属性的替代文字。如果图片同时设置了title属性和alt属性，鼠标悬停时仅显示图片的title属性。以上主要介绍了img标签中alt属性和title属性的区别，比较简单，希望你可以理解。
以上就是图文详解<img>标签中alt属性和title属性的区别的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
Html body标签的居中属性你知道吗？Html body标签的定义和使用方法
更多相关阅读请进入《Html》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
