我们在浏览网站的时候,有时候可能会遇到网站的一些带链接的图片没有显示出来,从而你就会刚到非常迷惑,所以在进行网站建设的时候应该注意alt属性的应用。
Alt属性为不能显示图像、窗体或applets的用户代理而指定替换文字。替换文字的语言由lang属性指定。
Alt属性(注意是“属性”而不是“标签”)包括替换说明,对于图像和图像热点是必须的。它只能用在img、area和input元素中(包括applet元素)。对于input元素,alt属性用来替换提交按钮的图片。
使用alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明。这包括那些使用本来就不支持图像显示或者图像显示被关闭的浏览器的用户,视觉障碍的用户和使用屏幕阅读器的用户。替换文字是用来替代图像而不是提供额外说明文字的。
替换文字应保证确实为那些看不到图像的人提供了说明信息,并且在上下文中有意义。对于那些装饰性的图片可以使用空值(alt="",引号中间没有空格),而不是使用不相关的替换文字比如“bluebullet”或者“spacer.gif”。不要忽略它,如果你忽略了,那么一些屏幕阅读器会直接阅读图像文件的文件名,那些文字浏览器,会显示图像文件的文件名,而那对于你的浏览者就没什么用了。包含文字的图像图片设置替换文字是最简单的,图像中包含的文字一般来说就可以作为alt属性值。
Alt属性值必须保证替换文字尽可能的短,其长度应少于100个英文字符。
即使你想让它显示为提示,也不要给文字元素使用alt属性,这并不是它的用法。至今据我所知,那样做仅能在Windows的IE浏览器和古老的有效。没有一个Mac的浏览器会将它显示为提示。
当浏览器把替换文字显示为提示后,那些错误使用alt属性的行为也受到了鼓励。一些人开始写无意思的替换文字,因为他们趋向于认为它是一个额外的说明信息,而不是不能显示图像的替换。其他人可能不想让提示出现,然后就完全忽略了写alt属性值。这些错误的做法,都给那些不能看到图像的浏览者造成了困难。