Loading
0

图片标签img中alt与title的区别

技术小学生微信公众号
腾讯云服务器大促销。
华为服务器

可能很多新手在做站内优化的时候,不明白图片标签img中alt与title的区别,今天就单独为大家整理分享一下其中的区别。

大家可以一起动手来做测试:把以下代码保存的文本中,命名为.html结尾的文件,然后分别用不同浏览器打开。

代码:

ie6下各代码的表现

ie8下各代码的表现

firefox下各代码的表现

从以上三组图中我们可以看出alt与title的不同:

1、含义不同

alt是当图片不存在时的替代文字;title是对图片的描述与进一步说明

2、在浏览器中的表现不同

在firefox和ie8中,当鼠标经过图片时title值会显示,而alt的值不会显示;只有在ie6中,当鼠标经过图片时title和alt的值都会显示。

对于网站seo优化来说,title与alt还有最重要的一点:

搜索引擎对图片意思的判断,主要靠alt属性。所以在图片alt属性中以简要文字说明,同时包含关键词,也是页面优化的一部分。条件允许的话,可以在title属性里,进一步对图片说明。

作者:孟凡成@sem学院

原文链接:http://www.semxyz.com/seo/780.html

版权所有,转载请以链接形式注明作者及原始出处。

技术小学生微信公众号
华为服务器
腾讯云服务器大促销。

声明:站长码字很辛苦啊,转载时请保留本声明及附带文章链接:https://blog.tag.gg/showinfo-36-6815-0.html
亲爱的:若该文章解决了您的问题,可否收藏+评论+分享呢?
上一篇:会导致百度降权的12个可能性及应对措施(一)
下一篇:seo排名技术之网页相关性的探讨