◆
img 标签 alt 与 title 属性的区别
alt 属性
定义了图像的备用文本描述。
为什么需要 alt
- 当用户选择不展示图片或者当前图片文件无效，或者使用了不支持的格式，
alt就会展示 - 一些屏幕阅读器会阅读
alt属性的值，alt属性的值应该清晰、简洁地描述图像的内容，而不是一些无意义的描述 - 当图像上没有
alt属性时，一些屏幕阅读器可能会读出图像的文件名
title 属性
title属性主要是用于光标悬停提示信息给用户title属性不是alt属性可接受的替代品。并且，避免将alt属性的值直接复制到同一幅图片的title属性上。这样可能会让一些屏幕阅读器把同一段描述读两遍，造成一定程度上的困扰。
alt 代码演示
<img src="https://wflynn.cn/res/img//small/奖杯.png" />
<img src="https://wflynn.cn/res/img//small/奖杯1.png" />
<img src="https://wflynn.cn/res/img//small/奖杯1.png" alt="加载失败" />
<img src="https://wflynn.cn/res/img//small/奖杯1.png" title="加载失败" />
<img
src="https://wflynn.cn/res/img//small/奖杯1.png"
title="加载失败title"
alt="加载失败alt"
/>
还没有留言，来发表第一条吧～