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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/zhaomengszu/article/details/87801341

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

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

感觉很模棱两可,所以总结如下:

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

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

定义和用法

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

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

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

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

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

猜你喜欢

转载自blog.csdn.net/zhaomengszu/article/details/87801341