[摘要] 众所周知的,在做网站的时候,图片的属性中有两个属性,一个是Alt属性,一个是Title属性。一般的人都熟悉alt属性。那图片的Title属性是什么呢?一般的人很少用到的。那么二者有哪些不同之处呢,在此长沙建站公司为您详细介绍: 在ie6下面,我们会看到图片没有t…
众所周知的,在做网站的时候,图片的属性中有两个属性,一个是Alt属性,一个是Title属性。一般的人都熟悉alt属性。那图片的Title属性是什么呢?一般的人很少用到的。那么二者有哪些不同之处呢,在此长沙建站公司为您详细介绍:
在ie6下面,我们会看到图片没有title属性,只有alt属性,设置了之后,鼠标放到图片上,还是会有显示的。如果没有alt属性,而有title属性,在ie6下面也可以看到提示信息。而在火狐浏览器下面,就不是这要的效果了,alt属性是不显示的。为什么会这样呢?因为IE不符合网页标准,想知道更多不符合网页标准的文章,大家可以去网上搜索一下。
在标准浏览器下图片设置了title属性不管图片是否存在,鼠标经过都会有提示。若图片不存在时候,只设置了alt属性,那么图片上会显示alt属性里的描述内容,并且鼠标放上去没有提示信息(非ie6以下浏览器)。
图片alt属性用于指定图片的替换文字,title属性用于设置当前对象提供建议性的信息。优化网站图片的时候,适合将alt属性设置为图片本来的含义,而将title设置成指示性信息,示例如下: 其作用是:alt属性,当图片不能正常显示时,则显示alt中的文字,表达要传递的信息,将title属性设置为“返回网站主页”,作用是当用户将鼠标指向图片时,提示给用户的信息。
title属性有一个很好的用途,即为链接添加描述性文字,特别是当连接本身并不是十分清楚的表达了链接的目的。这样就使得访问者知道那些链接将会带他们到什么地方,他们就不会加载一个可能完全不感兴趣的页面。另外一个潜在的应用就是为图像提供额外的说明信息,比如日期或者其他非本质的信息。title属性值可以比alt属性值设置的更长。
温馨提示
1 不要把图片存放在外部服务器上(如一些图片存储网站)
2 不要把图片存放在根目录下
3 如果是中小型的网站,推荐将图片存放在单独的’images’文件夹。
4 如果是大型或者是电子商务网站,推荐在"images"文件夹下面建更多的分类图片文件夹。这样可以更好区分。