HTML中img标签中的alt的作用

2018-01-11  本文已影响0人  aw4ker

<img src="file_name">是插入图片的基本语法,但是经常在例如:<img src="file:///D|/图片/图片名.png" width="500" height="50"  alt="XXX">中在定义好图片地址和宽度高度后又出来一个alt=“xxx“。其作用是如果无法显示图像,浏览器将显示替代文本,就像这样:<img src="file:D///郁金香.jpg" alt="上海鲜花港-郁金香"/>

此外,当用户把鼠标移到图像上方,最新的浏览器会在一个文本框中显示描述性文本。下面的代码在 alt 属性中为图像添加了描述性文本:

您可以把鼠标移动到下面的照片上,看看相应的效果:

红圈中的文本框是用户把鼠标移动到图像上时,IE7 浏览器所显示的效果:

定义和用法

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

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

网速太慢

src 属性中的错误

浏览器禁用图像

用户使用的是屏幕阅读器

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

上一篇下一篇

猜你喜欢

热点阅读