img – alt与title的区别:
1.alt 属性指定了替代文本,用于在图像无法显示或者用户禁用图像显示时,代替图像显示在浏览器中的内容。
2.title属性,当配置后鼠标挪动该图片上时显现title配置的内容。
- 1.当图片添加alt属性但是图像无法正常显示:
<img src="../../image/small-A1.jpeg" alt="蜡笔小新" />
-
显示:
-
2.当图片添加alt属性且图像正常显示:
<img src="../../image/small-A.jpeg" alt="蜡笔小新" />
-
显示:
-
3.当图片添加title属性且成功显示时:
<img src="../../image/small-A.jpeg" title="蜡笔小新" />
- 显示:
- 4.当图片添加title属性但未成功显示时:
<img src="../../image/small-A1.jpeg" title="蜡笔小新" />
- 显示: