我们做SEO,图片优化也是不必可少的一个环节,很多人再上传图片之后,系统自动显示了alt跟title属性,那这两个属性是什么意思,又有什么区别呢?
alt和title共同点
他们都会飘出一个小浮层,显示文本内容。
alt和title不同点
1.alt只能是元素的属性,而title即可以是元素的属性也可以是标签,例如:。
2.alt属性则是用来指定替换文字,只能用在img、area和input元素中(包括applet元素),用于网页中图片无法正常显示时给用户提供文字说明使其了解图像信息。
小知识
通常人们容易搞错的是title和alt这两个属性同时用于img标签的时候。在旧版本的IE浏览器中,鼠标经过图像时显示的提示文字是alt的内容,而忽略了title属性,这个曾经误导了很多人。因此,如果想在IE中显示title的内容,要么title属性和alt一致,要么alt内容为空(“”,空格也不能有)。不过,在新版的IE(IE8及以上)中,已不会出现这种情况了。
另外,当a标签内嵌套img标签时,起作用的是img的title属性。
alt是在图片不能正常加载时候显示的提示语,代码以及结果如下:
<img src="" alt="鲜花"/>
title属性是鼠标划上去显示的内容,代码结果如下:
<img src="" img/鲜花.jpg"/>
结语:对于网站SEO优化来说,搜索引擎对图片意思的判断,主要靠alt属性。所以在图片alt属性中以简要文字说明,同时包含关键词,也是页面优化的一部分。条件允许的话,可以在title属性里,进一步对图片说明。