HTML里img标签里的alt属性解释

我们在写HTML的时候，总会和图像进行交互，所以我们总会看到<img>标签里的alt属性。

很多的解释是：alt 用来在非图形化浏览器中替代图像

感觉很模棱两可，所以总结如下：

如果无法显示图像，浏览器将显示替代文本，就像这样：

显然这是不符合我们的需求的，不能完整显示也要有所提示。那么alt就是来解决这样的事情的。

定义和用法

alt 属性是一个必需的属性，它规定在图像无法显示时的替代文本。

假设由于下列原因用户无法查看图像，alt 属性可以为图像提供替代的信息：

• 网速太慢
• src 属性中的错误
• 浏览器禁用图像
• 用户使用的是屏幕阅读器

<img> 标签的 alt 属性指定了替代文本，用于在图像无法显示或者用户禁用图像显示时，代替图像显示在浏览器中的内容。

我们强烈推荐您在文档的每个图像中都使用这个属性。这样即使图像无法显示，用户还是可以看到关于丢失了什么东西的一些信息。而且对于残疾人来说，alt 属性通常是他们了解图像内容的唯一方式。