<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 属性通常是他们了解图像内容的唯一方式。