可能很多新手在做站内优化的时候，不明白图片标签img中alt与title的区别，今天sem学院就伶仃为年夜家整理分享一下其中的区别。
年夜家可以一起脱手来做测试：把以下代码保存的文本中，命名为.html结尾的文件，然后别离用不合阅读器打开。
代码：
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”><html xmlns=”.w3.org/1999/xhtml”><head><title>图片标签img中alt与title的区别</title></head>
<body><img src=”图像的正确地址” title=”title正确图片” ><img src=”图像的正确地址” alt=”alt正确图片” >
<img src=”图像的毛病地址” title=”title毛病图片” ><img src=”图像的毛病地址” alt=”alt毛病图片” >
</body></html>
ie6下各代码的表示
ie8下各代码的表示
firefox下各代码的表示
从以上三组图中我们可以看出alt与title的不合：
1、含义不合
alt是当图片不存在时的替代文字;title是对图片的描述与进一步说明
2、在阅读器中的表示不合
在firefox和ie8中，当鼠标颠末图片时title值会显示，而alt的值不会显示;只有在ie6中，当鼠标颠末图片时title和alt的值城市显示。
对网站搜索引擎优化优化来讲，title与alt还有最重要的一点：
搜索引擎对图片意思的判断，主要靠alt属性。所以在图片alt属性中以扼要文字说明，同时包含关头词，也是页面优化的一部分。条件允许的话，可以在title属性里，进一步对图片说明。
作者：孟凡成@sem学院
原文链接:.semxyz/搜索引擎优化/780.html
版权所有，转载请以链接形式注明作者及原始出处