5.1.2　图像无法显示时的提示信息

在浏览网页时，会出现不能正常显示图像的问题，如图像地址不存在等，此时图像右上角有叉显示，表示未正常显示图像。那么有没有这种情况，当图像不能正常显示时，而又要在第一时间让用户知道这幅图像表达的信息？答案是肯定的。这就是将要讲的第二个参数alt。alt表示鼠标指针在图片上面时，显示交互文本信息，当图像非正常显示时，在图像的区域显示alt中的文本，即没有看到图像，也可以给用户提供该图像的主题。

在实现应用的时候，为了避免图像不能正常显示的情况，都要设置alt参数，首先，在正常情况下显示图片，当鼠标指针在图像的位置时会显示的正是alt设置中引号里面的文字。其次，在图像未正常显示时，也给用户提供图像的信息，对信息的设置刚好是alt的设置。下面代码表示用来描述图片的信息。

＜img src="cn.jpg"alt="风景"＞

对图像cn.jpg设置alt参数，在＜img＞里面设置alt为“风景”，当显示图像时，会有提示。同理，当图像显示不正常，会出现的什么样的效果，用过alt参数就知道答案了，代码5.2表示了alt的用法。

代码5.2　源文件\第5章\alt用法.html

———————————————文件名：alt用法.html——————————————-

01 ＜html＞

02 ＜head＞

03 ＜title＞alt用法＜/title＞

04 ＜/head＞

05 ＜body＞

06 ＜！—下面一行表示在图像标记中设置alt—＞

07 ＜img src="html.jpg"alt="风景"＞

08 ＜/body＞

09 ＜/html＞

【代码解析】当出现正常的图像时，效果如图5.2所示，当由于其他原因使图像不能显示时，有alt的设置效果如图5.3所示。

图　5.2　图像正常显示

图　5.3　图像非正常显示