img 上的 title 与 alt

title 指图片的信息、alt 指图片不显示时显示的文字。

补充

补充：两者定位完全不同，alt 是必需的可访问性属性，title 是可选的提示信息。

核心区别

属性	是否必须	作用	何时显示
`alt`	是（无障碍要求）	替代文本，描述图片内容	图片加载失败时显示；读屏软件读取
`title`	否	额外提示信息	鼠标悬停在图片上时显示为 tooltip

正确用法

<!-- 装饰性图片：alt 留空，告诉读屏软件跳过 -->
<img src="divider.png" alt="">

<!-- 内容图片：alt 简要描述图片内容 -->
<img src="avatar.jpg" alt="用户头像" title="点击更换头像">

<!-- 重要信息图片：alt 中写入完整信息 -->
<img src="chart.png" alt="2024 年 Q1 营收增长 30%">