图像的ALT属性和TITLE属性有什么区别

图像有两个属性,一个是ALT,一个是TITLE,那么两者有什么用,及有什么区别呢?

Alt,英文名alternative text,是替代文本。

替代文本用于帮助计算机读取图像,如果你的图像无法加载或者存在访问性问题,它将使用你创建图像的替代文本。

当别人访问你的文章时,因为各种原因最终无法加载图片,就会显示替代的文本,也就是文字说明。

比如一张关于彩虹的图片,加了alt属性彩虹后,图片无显示时就会显示“彩虹”两个字,用户就知道这是关于彩虹的图片。

Alt属性是img元素的必选属性。

而titie属性,并不是必须的。添加title属性后,当鼠标划过图片时,会显示相应的文字,类似于提示的功能。

以前的IE浏览器上,alt属性也可以当title属性使用。就是鼠标经过图像时,会显示alt属性的文字。所以,有些人会把alt属性和title属性搞混。

简单来说:

Alt是图片无法显示时,会出现的说明文字,让用户知道这是张什么图片。

title是把鼠标移到图片上时,会出现的文字说明,移开之后就会消失。

如果没有在图像中添加alt属性,那么当图像无法显示的话,会显示这个图像的文件名字,比如11.jpg这种。那么用户就会不知道这张图片到底是什么内容,就会产生困惑。